jquery标签选择器(测试版)

我根据jquery选择器是否能单独使用进行分类。将可以进行单独使用的标签先行列举出,然后为层级标签,最后为一些搭配层级标签使用的标签选择器。
一、基本标签选择器
1、基础标签选择器
1.id 2.class 3.标签 4.$(“*”)–所有元素

2、层次选择器

 1.并集选择器(官方中并不属于层次选择器)
$("#id1,#id2,.class1") 选择id1,di2,class2的所有元素
 2.交集选择器

元素之间没有间隙,直接相连。取所有元素的交集。
下1,取标签为input并且name属性为name1

$("input[name='name1']") 
$("input[type='radio']:checked")
$("input[type='radio'][checked='checked']"
3.后代选择器

$(parendt child) 元素之间空间相连,取parent元素下所有child的子元素
注意:后代选择器是去所有子元素,不管是几级子元素

$(div input)
4.子元素选择器

$(parendt>child)元素之间>好相连,取parent元素下所有1级子元素(直接子元素)
注意:与后代选择器相比,他只取一级子元素

<div id="d1">
    <input type="text" id="target1">
    <div><input type="text" id="target2"></div>
    <div><input type="text" id="target3"></div>
    <input type="text" id="target4">
</div>
选择器取值:
$("div input") 会获取target1,target2,target3,target4 的对象
$("div>input") 会获取target1,target4 的对象
5.全局选择器
$('*')

二、其他辅助选择器(也不是辅助用的,有些也可以单独使用,但不知道起啥名字好了)
1.属性选择器

    $([attribute])                               所有含有属性attribute的元素
    $([attribute=value])                         所有属性attributed等于value的元素
    $([attribute!=value])                        不等于
    $([attribute^=value])                        以value开头
    $([attribute$=value])                        以value结尾 
    $([attribute*=value])                        包含value

2.

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值