jQuery——常用的选择器

1、获取父、祖辈元素

parent()方法能获取元素的一级父辈元素

parents()方法能获取元素的祖辈元素

2、获取子辈元素

children()只能获取元素的子辈元素,不能获取孙辈元素

find()可以获取孙辈元素

3、获取兄弟元素

siblings()可以获取目标元素的兄弟元素,不包含目标函数

4、并集选择器

$('div,p').addClass('current');

可以获取div以及p标签

5、交集选择器

$('div.box1').height(200);

获取含有以box1为类名的div标签

6、$(‘p+div’)等价于$(‘p’).next(‘div’),选中p标签之后的那个元素,如果是div,则返回div,如果不是就返回undefind

7、$('p~div')等价于$('p').nextAll('div')选中p标签之后的所有的div

8、属性选择器(注意:[ ]中的属性名不能加引号)

$('a[href]') //获取具有href属性的 对象
$('a[href = "www.baidu.com"]') //获取属性值为www.baidu.com对象
$("a[href != 'www.baidu.com']")  //获取属性值不为www.baidu.com对象
$('a[href ^= "www"]')  //获取属性值以www开头的对象
$('a[href $= "cn"]')  //获取属性值以cn结尾的对象
$('a[href *= "123"]')  //获取属性值包涵123的对象
$('a[href *= "www"][title*="是"]')  //获取属性值包涵www的对象并且title包含"是"的对象


 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值