jQuery is()方法的使用

判斷過濾，指的是根據某些條件進行判斷，然後選取符合條件的元素。在 jQuery 中，我們可以使用 is() 方法來實現判斷過濾。

語法：

$().is(selector)

引數 selector 是一個選擇器。is() 方法用於判斷在當前選擇的元素集合中是否存在符合條件的元素：如果存在，則返回 true；如果不存在，則返回 false。

is() 方法非常好用，能不能用好也直接決定你的程式碼是否高效。使用 jQuery 進行開發，沒有做不到的，只有想不到的。下面列出的是 is() 方法的常用功能程式碼：

//判斷元素是否可見
$().is(":visible")
//判斷元素是否處於動畫中
$().is(":animated")
//判斷單選框或核取方塊是否被選中
$().is(":checked")
//判斷當前元素是否為第一個子元素
$(this).is(":first-child")
//判斷文字中是否包含jQuery這個詞
$().is(":contains('jQuery')")
//判斷是否包含某些類名
$().is(".select")

舉例：判斷核取方塊是否被選中

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="js/jquery-1.12.4.min.js"></script>
    <script>
        $(function () {
            $("#selectAll").change(function(){
                var bool = $(this).is(":checked");
                if(bool){
                    $(".fruit").prop("checked","true");
                }else{
                    $(".fruit").removeProp("checked");
                }
            })
        })
    </script>
</head>
<body>
    <div>
        <p><label><input id="selectAll" type="checkbox"/>全選/反選：</label></p>
        <label><input type="checkbox" class="fruit" value="蘋果" />蘋果</label>
        <label><input type="checkbox" class="fruit" value="香蕉" />香蕉</label>
        <label><input type="checkbox" class="fruit" value="西瓜" />西瓜</label>
    </div>
</body>
</html>

預覽效果如圖 1 所示。

圖 1：判斷核取方塊是否被選中的效果