扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
1、jq多个选择器一起操作方法是使用逗号隔开的
我们提供的服务有:成都做网站、网站建设、微信公众号开发、网站优化、网站认证、鸡冠ssl等。为数千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的鸡冠网站制作公司
$(".div, #span")表示要选中页面上id为span和类为div的所有选择器
2、所以,如果你要选中radio选中的和span一起操作,那就是直接逗号隔开就可以了
$("#evaluation-detail-body .evaluation-detail-1 input[type="radio"]:checked,/*逗号隔开*/ span
")
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');
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就可以获取到被选择的选择器的内容。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流