jquery 联合选择器,相对选择和层级选择器__多类交集选择器,多属性选择器
2017-10-26 10:26
127 查看
1、多条件选择器
用途:使用多个条件同时选择多个标签用法:$(“条件1,条件2,条件3,……,条件n “);
特征:多个条件在“”内用逗号隔开;
用例:$(“div#id,span.tip,p”); //同时选择id为“id”的div标签,class为“tip”的span标签和p标签;
2、相对选择器
用途:使用第二个参数选出相对元素,从而不影响其他具有相同条件的元素用法:$(“条件1”,条件2);
特征:两个参数
用例:
$("td",(this)).css(“background”,”red”);
//当前tr的td元素背景变红,其他tr中的td不变;
3、层次选择器
用途:选择后代节点用法:$(“条件1 条件2 条件3”);
特征:双引号之内,条件之间用空格隔开;
用例:$(“#com ul li”);
//选择Id为com的元素中的UL里面的所有li节点;
jQuery 选择同时包含两个class的元素的实现方法
<element class="a b">
?
1. 交集选择: $(".a.b") --选择同时包含a和b的元素。
2. 并集选择:$(".a, .b") --选择包含a或者包含b的元素。
根据多个属性选择E[attr=val][attr=val]
$("div[title='ttt'][class='aaaa']").click()
所有div元素下所有属性title值是等于ttt并且属性class等于aaaa的元素
相关文章推荐
- JQUERY1.9学习笔记 之属性选择器(二) 包含选择器
- jquery选择器-根据多个属性选择示例代码
- jquery选择器 【radio checkbox】选择 【查找div下的表单具有某种属性的控件 :注意是div下】
- jQuery的选择器(包含多条件选择器,相对选择器,层次选择器)
- jquery选择器-根据多个属性选择示例代码
- jquery 中多条件选择器,相对选择器,层次选择器的区别
- jquery 中多条件选择器,相对选择器,层次选择器的区别
- jquery选择器之属性选择器
- jquery 中多条件选择器,相对选择器,层次选择器的区别
- jquery选择器之表单选择\表单对象属性
- jQuery选择器详细介绍:基本选择器,层次选择器,属性选择器
- jQuery的:nth-child(n)选择器用于匹配作为父元素下的第n个(或特定顺序的)子元素的元素,将其封装为jQuery对象并返回。 与该选择器相对的是:nth-last-child(n)选择
- 使用jQuery属性过滤选择器选择元素
- jquery选择器-根据多个属性选择E[attr=val][attr=val]
- JQuery 表单快速选择器,表单属性选择器
- Jquery选择器之可见性选择器、属性过滤选择器
- jQuery 层次选择器,属性选择器
- jquery 中多条件选择器,相对选择器,层次选择器的区别
- jquery 中多条件选择器,相对选择器,层次选择器的区别
- jquery选择器之属性选择器