十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
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就可以获取到被选择的选择器的内容。