課程
/前端開發
/JavaScript
/形形色色的下拉菜單
has()和find()有什么區別?還有mouseover()和mousemove()有什么區別?
2015-03-17
源自:形形色色的下拉菜單 6-2
正在回答
has(selector選擇器或DOM元素)將匹配元素集合根據選擇器或DOM元素為條件,檢索該條件在每個元素的后代中是否存在,將符合條件的的元素構成新的結果集。
注意:has只起判斷作用。以has參數中的選擇器或DOM元素做為條件,檢測原結果集中的元素是否符合。去掉不符合的元素,將符合的元素構成一個新結果集。
這與find()方法不同,find()方法是獲得在當前結果集中每個元素的后代。參數(選擇器、jquery集合或DOM元素)做為過濾條件,滿足過濾條件的則保留,保留的是后代。而has()方法中,參數只做為條件,符合條件的,它的前元素加入新的結果集,而不是后代加入新的結果集。
<ul>? <li>list item 1</li>? <li>list item 2??? <ul>????? <li><div><span>a</span></div>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("span") //得到的是? <li><div><span>a</span></div>list item 2-a</li> 這個li節點
$("li").find("soan")//得到的是 ?<li><div><span>a</span></div>list item 2-a</li>中的span節點
mouseover表示的是鼠標滑過時觸發,mouseover表示的鼠標移出時觸發。
傲嬌的向日葵 提問者
珈藍小羊人
mark
舉報
本教程從易到難,循循漸進,運用不同技術實現動態下拉菜單
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-03-17
has(selector選擇器或DOM元素)將匹配元素集合根據選擇器或DOM元素為條件,檢索該條件在每個元素的后代中是否存在,將符合條件的的元素構成新的結果集。
注意:has只起判斷作用。以has參數中的選擇器或DOM元素做為條件,檢測原結果集中的元素是否符合。去掉不符合的元素,將符合的元素構成一個新結果集。
這與find()方法不同,find()方法是獲得在當前結果集中每個元素的后代。參數(選擇器、jquery集合或DOM元素)做為過濾條件,滿足過濾條件的則保留,保留的是后代。而has()方法中,參數只做為條件,符合條件的,它的前元素加入新的結果集,而不是后代加入新的結果集。
<ul>
? <li>list item 1</li>
? <li>list item 2
??? <ul>
????? <li><div><span>a</span></div>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("span") //得到的是? <li><div><span>a</span></div>list item 2-a</li> 這個li節點
$("li").find("soan")//得到的是 ?<li><div><span>a</span></div>list item 2-a</li>中的span節點
mouseover表示的是鼠標滑過時觸發,mouseover表示的鼠標移出時觸發。
2015-10-17
mark