jquery 联合选择器,相对选择和层级选择器__多类交集选择器,多属性选择器

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的元素


  • 0
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值