jQuery.is() 函數(shù)

/* HTML代碼 */
<div id="n1">
    <div id="n2">
        <ul id="n3" data_id="12">
            <li id="n4">item1</li>
            <li id="n5" class="foo bar">item2</li>
            <li id="n6" class="level-2">item3</li>
        </ul>
    </div>
    <div id="n7">
        <input id="n8" name="username" type="text" value="1">
        <input id="n9" name="orders" type="checkbox" checked="checked" value="1">
    </div>
</div>

/* jQuery代碼 */
<script>
//在當前頁面內追加換行標簽和指定的HTML內容
function w( html ){
$(document.body).append("<br/>" + html);
}

var $n3 = $("#n3");
w( $n3.is("ul") ); // true
w( $n3.is("[data_id]") ); // true

var $n5 = $("#n5");
w( $n5.is(".foo") ); // true
w( $n5.is("li") ); // true
w( $n5.is("ul li") ); // true
w( $n5.is("p li") ); // false

var n5 = document.getElementById("n5");
w( $n5.is(n5) ); // true

var $li = $("li");
w( $n5.is($li) ); // true
// 判斷l(xiāng)i元素是否含有類名"level-index"，這里的index表示li元素的索引值(0、1、2……)
w( $li.is( function(index){
return $(this).hasClass("level-" + index);
} ) ); // true

var $input = $("input");
w( $input.is(":text") ); // true
w( $input.is(":checked") ); // true

var div = document.getElementsByTagName("div");
var $n7 = $("#n7");
w( $n7.is(div) ); // true
</script>