• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

jquery属性过滤选择器有哪些?

jquery 搞代码 4年前 (2021-12-27) 39次浏览 已收录 0个评论

jquery属性过滤选择器有哪些?下面本篇文章就来给大家介绍一下jquery属性过滤选择器。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

jquery属性过滤选择器

NO. 选择器 描述
1 [属性名称] 带有括号里的属性名称的元素集合
2 [属性名称=属性值] 属性名称=属性值的元素集合
3 [属性名称!=属性值] 属性名称不等于属性值的元素集合
4 [属性名称^=属性值] 以该属性值开头的元素集合
5 [属性名称$=属性值] 以该属性值结尾的元素集合
6 [属性名称~=属性值] 包含该属性值单词的元素集合
7 [属性名称*=属性值] 包含该属性值字符串的元素集合
8 [属性名称][属性名称] 多个属性过滤选择器的条件同时满足的元素结合

示例:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
 
<body >
 
<div id="d1" style="display: none">hello</div>
<div id="d2" >world</div>
<div id="d3" style="visibility: hidden">!</div>
<div id="d 4" myid></div>
<input type="text" >
 
<script src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.js"></script>
<script>
    var v1=$("[style]")
    var v2=$("[dispaly]")
    var v3=$("[myid]")
 
    var v4=$("[id='d2']")
    var v5=$("[id!='d2']")
 
    var v6=$("[id^='d']")
    var v7=$("[id$='3']")
    var v8=$("[id~='d']")
    var v9=$("[id*='d']")
    var v10=$("body div[id][style]")
 
    console.log<a style="color:transparent">来源gao*daima.com搞@代#码网</a>(v1)
    console.log(v2)
    console.log(v3)
    console.log(v4)
    console.log(v5)
    console.log(v6)
    console.log(v7)
    console.log(v8)
    console.log(v9)
    console.log(v10)
</script>
</body>
</html>

运行结果:

更多jQuery相关技术文章,请访问 jQuery答疑 栏目进行学习!!

以上就是jquery属性过滤选择器有哪些?的详细内容,更多请关注gaodaima搞代码网其它相关文章!


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:jquery属性过滤选择器有哪些?
喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址