jquery 查找新建元素代碼
2019-11-21 00:22:30
供稿：網(wǎng)友
復習一下
//html
<div class="dv">
<ul>
<li>
<a href="xx.com">xx</a>
</li>
<li>
<a href="aa.com">aa</a>
</li>
<li>
<a href="bb.com">bb</a>
</li>
</ul>
<ul></ul>
</div>
//js
$('.dv').find('ul')->eq(0)->find('li')->each(function(i){
var obj = $(this).find('a')->eq(0);
$em = $('<em>');//新建em元素
$em.html(i);
$em.insertBefore(obj);//把新元素插到查找到的元素前面
});
真方便哈！！！！
關于jQuery的find方法的疑問
find(expr)
搜索所有與指定表達式匹配的元素。這個函數(shù)是找出正在處理的元素的后代元素的好方法。
所有搜索都依靠jQuery表達式來完成。這個表達式可以使用CSS1-3的選擇器語法來寫。
返回值
jQuery
參數(shù)
expr (String) :用于查找的表達式
示例
從所有的段落開始，進一步搜索下面的span元素。與$("p span")相同。
HTML 代碼:
Hello, how are you?
jQuery 代碼:
$("p").find("span")
結果:
[ Hello ]
jquery 查詢|jquery 查找元素|jquery 查找對象
#id 返回值:Array<Element>#id
概述
根據(jù)給定的ID匹配一個元素。
如果選擇器中包含特殊字符，可以用兩個斜杠轉義。參見示例。
參數(shù)
idString
用于搜索的，通過元素的 id 屬性中給定的值
示例
描述:
查找 ID 為"myDiv"的元素。
HTML 代碼:
<div id="notMe"><p>id="notMe"</p></div>
<div id="myDiv">id="myDiv"</div>jQuery 代碼:
$("#myDiv");結果:
[ <div id="myDiv">id="myDiv"</div> ]描述:
查找含有特殊字符的元素
HTML 代碼:
<span id="foo:bar"></span>
<span id="foo[bar]"></span>
<span id="foo.bar"></span>jQuery 代碼:
#foo//:bar
#foo//[bar//]
#foo//.barelement 返回值:Array<Element(s)>element概述根據(jù)給定的元素名匹配所有元素參數(shù)elementString一個用于搜索的元素。指向 DOM 節(jié)點的標簽名。示例描述:查找一個 DIV 元素。HTML 代碼:<div>DIV1</div>
<div>DIV2</div>
<span>SPAN</span>jQuery 代碼:$("div");結果:[ <div>DIV1</div>, <div>DIV2</div> ].class返回值:Array<Element(s)>.class概述根據(jù)給定的類匹配元素。參數(shù)classString一個用以搜索的類。一個元素可以有多個類，只要有一個符合就能被匹配到。示例描述:查找所有類是 "myClass" 的元素.HTML 代碼:<div class="notMe">div class="notMe"</div>
<div class="myClass">div class="myClass"</div>
<span class="myClass">span class="myClass"</span>jQuery 代碼:$(".myClass");結果:[ <div class="myClass">div class="myClass"</div>, <span class="myClass">span class="myClass"</span> ] selector1,selector2,selectorN返回值:Array<Element(s)>selector1,selector2,selectorN概述將每一個選擇器匹配到的元素合并后一起返回。你可以指定任意多個選擇器，并將匹配到的元素合并到一個結果內。參數(shù)selector1Selector一個有效的選擇器selector2Selector另一個有效的選擇器selectorN (可選)Selector任意多個有效選擇器示例描述:找到匹配任意一個類的元素。HTML 代碼:<div>div</div>
<p class="myClass">p class="myClass"</p>
<span>span</span>
<p class="notMyClass">p class="notMyClass"</p>jQuery 代碼:$("div,span,p.myClass")結果:[ <div>div</div>, <p class="myClass">p class="myClass"</p>, <span>span</span> ]
