jq中的几种选择器方式

1:基础选择器
id #
class .
标签 div
* 通配符
群组 #box,p
css() 一个值的时候是找这个元素的值,两个值的时候是设置样式
举例 找元素的值:
alert($(‘p’).css(‘color’))
举例 设置元素的样式:
KaTeX parse error: Expected 'EOF', got '#' at position 3: ('#̲txt').css('colo…(‘p’).size())
2:层次选择器
$(‘p>span’) 子选择器
$(‘p span a’) 后代选择器
$(‘div+p’) 同级下一个节点选择器
$(‘div~p’) 下面所有的同级节点选择器
3:过滤选择器
:first 选中第一个元素
:last 选中最后一个元素
:not() 不选中某一个元素
:even 选中是偶数的元素(从零开始计算,第一个元素是0)
:odd 选中是奇数的元素
:eq(数字) 选中相等数字的元素(从零开始计算,第一个元素是0)
:gt(index) 选中大于数字的元素
:lt(index) 选中小于数字的元素
4:内容过滤选择器
p:contains(‘文本’) 匹配包含给定文本的元素(找到p标签中包含指定文本内容的p标签)
p:has(’.red’) 有没有包含特定属性值的元素(找到p标签中包含指定文本内容的p标签)
p:parent() 返回该元素的父元素
5:属性选择器
[attrbute] 匹配包含给定属性的元素
[attribute=value] 匹配input框里属性
选取 所有被选中的元素 $(‘input:checked’)

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值