小編這次要給大家分享的是如何使用jQuery選擇器，文章內(nèi)容豐富，感興趣的小伙伴可以來了解一下，希望大家閱讀完這篇文章之后能夠有所收獲。

創(chuàng)新互聯(lián)建站是一家集網(wǎng)站建設(shè),阜城企業(yè)網(wǎng)站建設(shè),阜城品牌網(wǎng)站建設(shè),網(wǎng)站定制,阜城網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,阜城網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

jQuery 選擇器 (prev + next)

定義和用法

jQuery的prev + next選擇器用于匹配緊接在prev元素后面的同輩next元素，將其封裝為jQuery對(duì)象并返回。

注意： 選擇器next的查找范圍必須是與"prev元素"相鄰的下一個(gè)元素，并且必須是"prev元素"的同輩元素。

語法

// 這里的prev表示具體的選擇器

// 這里的next表示具體的選擇器

jQuery( "prev + next" )

參數(shù)

返回值

返回封裝了與"prev元素"緊鄰的下一個(gè)同輩元素中、符合選擇器next的DOM元素的jQuery對(duì)象。

雖然與一個(gè)"prev元素"緊鄰的下一個(gè)同輩元素最多只有一個(gè)，但是"prev元素"可以有多個(gè)，因此匹配到的DOM元素也可以有多個(gè)，并且都被封裝在返回的jQuery對(duì)象中。

如果找不到任何相應(yīng)的匹配，則返回一個(gè)空的jQuery對(duì)象

實(shí)例

以下面這段代碼為例：

/* HTML代碼 */
<div id="n1">
 <p id="n2" class="test">
  <span id="n3" class="a">Welcome</span>
  <span id="n4">Hello</span>
 </p>
 <p id="n5" class="detail">
  <span id="n6" class="b codeplayer">To
   <span id="n7" class="a">w3cschool.cn</span>
   <span id="n8"></span>
   <span id="n9"></span>
  </span>
 </p>
</div>

/* jQuery代碼 */
<script>
// 擴(kuò)展jQuery對(duì)象，添加showTagInfo()方法
// 用于將jQuery對(duì)象所有匹配元素的標(biāo)識(shí)信息追加到body元素內(nèi)
// 每個(gè)元素的標(biāo)識(shí)信息形如："tagName"或"tagName#id"
jQuery.fn.showTagInfo = function(){
var tags = this.map( function(){
return this.tagName + ( this.id &#63; "#" + this.id : "" ); 
} ).get();
$("body").append( tags.join("<br>") + "<br><br>" );
};
 
// 選擇了id為n5的一個(gè)元素
$("p + p").showTagInfo();
 
// 選擇了id分別為n4、n8、n9的三個(gè)元素
// n4是n3的next，n8是n7的next，n9是n8的next
$("span + span").showTagInfo();
 
// 選擇了id分別為n4、n8的兩個(gè)元素
// n8沒有包含類名a，因此無法匹配其next——n9
$("span.a + span").showTagInfo();
 
// 返回一個(gè)空的jQuery對(duì)象
// HTML中雖然有span標(biāo)簽，但不是p標(biāo)簽的同輩元素，而是其子代或后代
$("p + span").showTagInfo();
</script>

看完這篇關(guān)于如何使用jQuery選擇器的文章，如果覺得文章內(nèi)容寫得不錯(cuò)的話，可以把它分享出去給更多人看到。

當(dāng)前標(biāo)題：如何使用jQuery選擇器
網(wǎng)址分享：http://chinadenli.net/article38/jgghpp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供服務(wù)器托管、搜索引擎優(yōu)化、定制網(wǎng)站、移動(dòng)網(wǎng)站建設(shè)、ChatGPT、自適應(yīng)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)