jQuery支持多選,所以一次獲取多個元素進行操作取決于你所寫的選擇器包含了哪些元素——如果只有一個元素,那就對一個元素進行操作;如果包含了多個元素,那就是都多個元素進行操作。下面給出實例演示:
創新互聯建站是一家專業提供上饒企業網站建設,專注與成都做網站、網站建設、外貿營銷網站建設、H5頁面制作、小程序制作等業務。10年已為上饒眾多企業、政府機構等服務。創新互聯專業網站建設公司優惠進行中。
創建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="設置樣式"
/div
設置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;}
根據不同的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就可以獲取到被選擇的選擇器的內容。
當前標題:jquery選擇多個,jquery 多選
本文網址:http://vcdvsql.cn/article38/dsdghpp.html
成都網站建設公司_創新互聯,為您提供電子商務、移動網站建設、Google、網站維護、網頁設計公司、建站公司
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯