jQuery ±éÀú - has() ·½·¨
ʵÀý
¼ì²âij¸öÔªËØÊÇ·ñÔÚÁíÒ»¸öÔªËØÖУº
$("ul").append("<li>" + ($("ul").has("li")
.length ? "Yes" : "No") + "</li>"); $("ul").has("li")
.addClass("full");
¶¨ÒåºÍÓ÷¨
has() ½«Æ¥ÅäÔªËØ¼¯ºÏËõ¼õΪӵÓÐÆ¥ÅäÖ¸¶¨Ñ¡ÔñÆ÷»ò DOM ÔªËØµÄºó´úµÄ×Ó¼¯¡£
Óï·¨
.has(selector)
²ÎÊý | ÃèÊö |
---|---|
selector | ×Ö·û´®Öµ£¬°üº¬Æ¥ÅäÔªËØµÄÑ¡ÔñÆ÷±í´ïʽ¡£ |
Ïêϸ˵Ã÷
Èç¹û¸ø¶¨Ò»¸ö±íʾ DOM ÔªËØ¼¯ºÏµÄ jQuery ¶ÔÏó£¬.has() ·½·¨ÓÃÆ¥ÅäÔªËØµÄ×Ó¼¯À´¹¹ÔìÒ»¸öÐ嵀 jQuery ¶ÔÏó¡£ËùʹÓõÄÑ¡ÔñÆ÷ÓÃÓÚ¼ì²âÆ¥ÅäÔªËØµÄºó´ú£»Èç¹ûÈκκó´úÔªËØÆ¥Åä¸ÃÑ¡ÔñÆ÷£¬¸ÃÔªËØ½«±»°üº¬ÔÚ½á¹ûÖС£
Çë˼¿¼ÏÂÃæÕâ¸ö´øÓÐǶÌ×ÁбíµÄÒ³Ãæ£º
<ul> <li>list item 1</li> <li>list item 2 <ul> <li>list item 2-a</li> <li>list item 2-b</li> </ul> </li> <li>list item 3</li> <li>list item 4</li> </ul>
ÎÒÃÇ¿ÉÒÔ¶ÔÁбíÏºÏÓ¦Óø÷½·¨£¬¾ÍÏñÕâÑù£º
$('li').has('ul')
.css('background-color', 'red');
¸Ãµ÷ÓõĽá¹ûÊÇ£¬ÏîÄ¿ 2 µÄ±³¾°±»ÉèÖÃΪºìÉ«£¬ÕâÊÇÒòΪ¸ÃÏîÄ¿ÊǺó´úÖÐΨһӵÓÐ <ul> µÄ <li>¡£