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

根据属性获取元素

例如要获取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" /> 
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、样式篇 第1章 初识jQuery (1)环境搭建 进入官方网站获取最新的版本 http://jquery.co...
    凛0_0阅读 3,506评论 0 44
  • $(document).ready(function(){}); $(document(){});简写 //jQu...
    无枉少年阅读 589评论 0 1
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,395评论 0 3
  • 第一章 jQuery简介 1-1 jQuery简介 1.简介 2.优势 3.特性与工具方法 1-2 环境搭建 进入...
    mo默22阅读 1,634评论 0 11
  • 第一章 入门 基本功能:访问和操作 dom 元素,控制页面样式,对页面的事件处理,与ajax完美结合,有丰富的插件...
    X_Arts阅读 1,070评论 0 2