jquery选择多个,jquery 多选

jquery 如何一次获取多个元素进行操作

jQuery支持多选，所以一次获取多个元素进行操作取决于你所写的选择器包含了哪些元素——如果只有一个元素，那就对一个元素进行操作；如果包含了多个元素，那就是都多个元素进行操作。下面给出实例演示：

创建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');

相关问答

Q1: jquery 选择器 多个

1、jq多个选择器一起操作方法是使用逗号隔开的

$(".div, #span")表示要选中页面上id为span和类为div的所有选择器

2、所以，如果你要选中radio选中的和span一起操作，那就是直接逗号隔开就可以了

$("#evaluation-detail-body .evaluation-detail-1 input[type="radio"]:checked,/*逗号隔开*/ span

")

Q2: jQuery中如何选择多个class的值？

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就可以获取到被选择的选择器的内容。