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

jQuery有哪些属性选择器?

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

jQuery 元素选择器和属性选择器允许您通过标签名、属性名或内容对 HTML 元素进行选择。下面我们就来看一下jQuery有哪些属性选择器?

jQuery属性选择器是基于元素属性作为筛选条件的选择器。

  • [attribute] 属性名选择器

  • [attribute=value]属性值选择器

  • [attribute!=value]非属性值选择器

  • [attribute^=value]属性值以某个字符串开头的选择器

  • [attribute$=value]属性值以某个字符串结尾的选择器

  • [attribute*=value]属性值中包含某个字符串的选择器

  • [selector1][selector2][selectorN] 多属性选择器(交集属性选择器)

详细介绍:

[attribute] 属性名选择器

选择拥有该属性名的元素。

var a=$('[id]');
console.log(a);

[attribute=value]属性值选择器

选择属性值为某个特定值的元素。

var a=$('[id=one]');
console.log(a);

[attribute!=value]非属性值选择器

选择所有属性值不为特定值的元素(包括没有该属性的元素)

var a=$('[class!=eukaryotes_animal]');
console.log(a);

[attribute^=value]属性值以某个字符串开头的选择器

var a=$('[class^=eukaryotes]');
console.log(a);

[attribute$=value]属性值以某个字符串结尾的选择器

var a=$('[class$=plant]');
console.log(a);

[attribute*=value]属性值中包含某个字符串的选择器

var a=$('[class*=yotes_m]&<div style="color:transparent">来源gaodai.ma#com搞#代!码网</div>#39;);
console.log(a);

[selector1][selector2][selectorN] 多属性选择器(属性交集选择器)

var a=$('[class^=eukaryotes_][id]');
console.log(a);

本文来自jQuery答疑栏目,欢迎学习!

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


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

喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

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

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

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