jQuery支持多選,所以一次獲取多個元素進(jìn)行操作取決于你所寫的選擇器包含了哪些元素——如果只有一個元素,那就對一個元素進(jìn)行操作;如果包含了多個元素,那就是都多個元素進(jìn)行操作。下面給出實(shí)例演示:
創(chuàng)新互聯(lián)建站是一家專業(yè)提供上饒企業(yè)網(wǎng)站建設(shè),專注與成都做網(wǎng)站、網(wǎng)站建設(shè)、外貿(mào)營銷網(wǎng)站建設(shè)、H5頁面制作、小程序制作等業(yè)務(wù)。10年已為上饒眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站建設(shè)公司優(yōu)惠進(jìn)行中。
創(chuàng)建Html元素:主體是一個li列表
div?class="box"
span不同的選擇器決定了不同的作用對象:/spanbr
div?class="content"
??? ul
??liGlen/li
??liTane/li
??liJohn/li
??liRalph/li
/ul
/div
input?type="button"?value="設(shè)置樣式"
/div
設(shè)置css樣式:大致修飾一下
div.box{width:300px;padding:20px;margin:20px;border:4px?dashed?#ccc;}
div.boxspan{color:#999;font-style:italic;}
div.content{width:250px;margin:10px?0;padding:20px;border:2px?solid?#ff6666;}
li{margin:5px;list-style:?none;}
.red{color:red;}
根據(jù)不同的jquery代碼觀察不同的效果
$("li")包含了4個元素,所以一次操作了4個對象
$("li").addClass('red');
$("li").eq(1)將選擇范圍縮小到第二個li元素,即只有一個作用對象
$("li").eq(1).addClass('red');
$("li:gt(1)")?表示index大于1的li,也就是后兩個li。同理可以用lt(N)表示index小于N
$("li:gt(1)").addClass('red');
1、jq多個選擇器一起操作方法是使用逗號隔開的
$(".div, #span")表示要選中頁面上id為span和類為div的所有選擇器
2、所以,如果你要選中radio選中的和span一起操作,那就是直接逗號隔開就可以了
$("#evaluation-detail-body .evaluation-detail-1 input[type="radio"]:checked,/*逗號隔開*/ span
")
jq可以支持多選擇器
比如:
div?class="a"1/div
div?class="b"2/div
div?class="c"3/div
script?src=""/script
script
$('.a,.b,.c').each(function(){
console.log($(this).text())
})
/script
通過each就可以獲取到被選擇的選擇器的內(nèi)容。
當(dāng)前標(biāo)題:jquery選擇多個,jquery 多選
本文網(wǎng)址:http://www.rwnh.cn/article38/dsdghpp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供電子商務(wù)、移動網(wǎng)站建設(shè)、Google、網(wǎng)站維護(hù)、網(wǎng)頁設(shè)計(jì)公司、建站公司
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)