jQuery根据属性或属性值获取元素的几种选择器

我不是女神ヾ 2021-06-12 20:36 719阅读 0赞

# 根据属性获取元素 #

例如要获取div中含有class属性的元素。

$("div[class]")

# 根据属性值获取元素 #

在选择元素的时候使用`[attribute$=value]`，匹配给定的属性是以某些值结尾的元素。  
HTML代码

<input name="username" /> 
    <input name="password" /> 
    <input name="newpassword" />

jQuery代码

$("input[name$='password']")

以上代码将获取页面上所有以password结尾的input元素。

<input name="password" /> 
    <input name="newpassword" />

# 根据属性值获取不含指定属性或属性值的元素 #

`[attribute!=value]`，匹配所有不含有指定的属性，或者属性不等于特定值的元素，此选择器与`not([attr=value])`等价。  
HTML代码

<input type="radio" name="sex" value="female" /> 
    <input type="radio" name="sex" value="male" /> 
    <input type="radio" name="address" value="guangzhou" />

jQuery代码

$("input[name!='sex']").attr("checked", true);

以上代码将获取到页面上所有name属性不为sex的input元素，并且将其checked属性设置为true。

<input type="radio" name="address" value="guangzhou" checked="true" />

# 根据属性值获取给定属性包含指定属性值的元素 #

`[attribute*=value]`，匹配给定的属性是以包含某些值的元素。  
HTML代码

<input name="username" /> 
    <input name="userpwd" /> 
    <input name="stepuser" />
    <input name="password" />

jQuery代码

$("input[name*='user']")

以上代码将获取到页面上所有name属性中属性值中包含user的元素。

<input name="username" /> 
    <input name="userpwd" /> 
    <input name="stepuser" />

# 根据属性值获取以指定值开始的元素 #

`[attribute^=value]`，匹配给定的属性是以某些值开始的元素。  
HTML代码

<input name="username" /> 
    <input name="userpwd" /> 
    <input name="stepuser" />

jQuery代码

$("input[name^='user']")

以上代码将获取到页面上所有name属性中属性值中以user开头的元素。

<input name="username" /> 
    <input name="userpwd" />

发表评论取消回复

表情：

评论列表（有 0 条评论，719人围观）

还没有评论，来说两句吧...

相关阅读

相关 document.querySelectorAll根据元素属性值选择元素

需求需要选择所有拥有 οnmοuseοver=“top.ShowTip\_YC(evt)” 属性的 text 元素，即根据dom元素上的事件名来查找dom并隐藏

小鱼儿/ 2024年03月22日 11:51/ 0 赞/ 97 阅读

相关 java 反射根据属性名获取属性值

一、背景在使用三方sdk的时候如果三方提供的api满足不了我们的需求，这时候就需要通过阅读三方sdk的代码，并通过反射来实现我们的需求。二、根据属性名获取属性值

古城微笑少年丶/ 2022年11月11日 13:15/ 0 赞/ 335 阅读

相关 JQuery中根据属性或属性值获得元素

根据属性获得元素 1.比如要获取页面p标签中属性有id的元素 $("p\[id\]").css("color","red"); 根据属性值获得元素 1.$。在jQue

小灰灰/ 2022年06月17日 08:41/ 0 赞/ 300 阅读

相关使用JS或JQUERY，根据name属性获取标签的值

使用JS或JQUERY，根据name属性获取标签的值 (2016-08-12 11:18:51) ![sg_trans.gif][]转载▼ <table> <tb

Love The Way You Lie/ 2022年06月10日 02:13/ 0 赞/ 638 阅读

相关 jQuery选择器获取元素

1、遍历tr中所有td中的内容 // 遍历 tr $('tab tr').each(function(i){

柔光的暖阳◎/ 2022年05月24日 09:11/ 0 赞/ 323 阅读

相关设置或获取元素属性值的函数封装

注意：使用这个封装函数的时候，还要引入我之前封装的cssTransform函数，链接：[https://blog.csdn.net/lhjuejiang/article/d

快来打我*/ 2022年05月23日 03:52/ 0 赞/ 281 阅读

相关 jquery获取元素的属性值为undefined

<li><input type="button" id="modifytip" class="modify" name="modifytip" value="修改"

小咪咪/ 2022年04月13日 09:57/ 0 赞/ 586 阅读

相关 jQuery选择器之属性选择器

转载：[https://blog.csdn.net/linshichen/article/details/51576461][https_blog.csdn.net_linsh

冷不防/ 2022年03月22日 14:01/ 0 赞/ 397 阅读

相关 jQuery 属性选择器

选择器： jQuery 使用 CSS 选择器来选取 HTML 元素。 $("p") 选取 <p> 元素。 $("p.intro") 选取所有 class="intro"

淩亂°似流年/ 2021年09月26日 12:20/ 0 赞/ 432 阅读

相关 jQuery根据属性或属性值获取元素的几种选择器

根据属性获取元素例如要获取div中含有class属性的元素。 $("div[class]") 根据属性值获取元素在选择元素的时候使用`[attrib

我不是女神ヾ/ 2021年06月12日 20:36/ 0 赞/ 720 阅读