jquery属性值选择器
$("[attribute|='value']") 选择指定属性值等于给定字符串或改字符串为前缀(该字符串后跟一个连字符“-”)的元素。 attribute: 一个属性名 value: 一个属性值
$(function(){
$('a[hreflang|="en"]').css("border","2px solid red"); //查找hreflang属性值是英语的所有链接。});
$("[attribute*='value']") 选择指定属性具有包含一个给定的子字符串的元素。(选择给定的属性是以包含某些值的元素) attribute: 一个属性名 value: 一个属性值,可以是一个不带引号的一个单词,或一个带引号的字符串。
$(function(){ $('input[name*="man"]').css("border","2px solid red"); //查找所有 input 的 name 属性中带有 'man' 的元素,并添加边框});
$("[attribute~='value']") 选着指定属性用空格分隔的值中包含一个给定的元素。 attribute: 一个属性名 value: 一个属性值,可以是一个不带引号的一个单词,或一个带引号的字符串。
$(function(){
$('input[name~="man"]').css("border","2px solid red"); //查找所有属性中含有 'man' 这个单词的文本框,并且修改其文本值。})
$("[attribute$='value']") 选择指定属性是以给定元素结尾的元素。这个元素比较是区分大小写的。 attribute: 一个属性名 value: 一个属性值,可以是一个不带引号的一个单词,或一个带引号的字符串。
$(function(){ $('input[name$="letter"]').css("border","2px solid red"); //查找所有的属性名称以"letter"的结束,并把他们的文字输入。})
$("[attribute='value']") 选择指定属性是给定值的元素。 attribute: 一个属性名。 value: 一个属性值,可以是一个不带引号的一个单词,或一个带引号的字符串。
$(function(){ $('input[value="Hot Fuzz"]').next().text("Hot Fuzz"); //查找input 中 value 值等于 Hot Fuzz 的将其后面的元素添加文本。})
$("[attribute!='value']") 选择指定属性不等于这个值的元素 attribute:一个属性名 value: 一个属性值,可以是一个不带引号的一个单词,或一个带引号的字符串。
$(function(){ $('input[name!="newsletter"]').next().append("<b>;not newsletter</b>") //查找input 中name 不等于 newletter 的下一个元素追加 文本。 注:主要含有这个字符串就行。})
$("[attribute^='value']") 选择指定属性就是以给定字符串开始的元素。 attribute:一个属性名 value: 一个属性值,可以是一个不带引号的一个单词,或一个带引号的字符串。
$(function(){ $('input[name^="news"]').val("news here!"); //查找input 中 name 中含有new 这个字符串的 添加value 值。})
$("[attribute]") 选择所有具有指定属性的元素,该属性可以是任何值。 attribute: 一个属性名。
$(function(){ $('div[id]').css("color","red") //给绑定id属性的div的文本颜色变成红色。})
$("[attributeFilter1][attributeFilter2]attributeFilter3") 选择匹配所有指定的属性筛选器的元素 attributeFilter1: 一个属性过滤器 attributeFilter2:另一个属性过滤器,用于进一步减少被选择的元素。 attributeFilterN: 根据需要有更多的属性过滤器。
$(function(){ $('input[id][name$="man"]').val('only this one') //查找那些有id属性,并且name 属性以man结尾的输入框,并设置值。})
- 微信快速开发框架(一)-- 对微信公众平台开发的消息处理
- 微信快速开发框架(二) -- 快速开发微信公众平台框架---简介
- LayoutInflater 布局渲染工具原理分析
- 使用Keras在训练深度学习模型时监控性能指标
- 微信快速开发框架(四)-- 体验微信公众平台快速开发框架
- AsyncTask源码解析
- 微信快速开发框架(五)-- 利用快速开发框架,快速搭建微信浏览博客园首页文章
- 对于小批量梯度下降以及如何配置批量大小的入门级介绍
- 数据结构之二叉树
- 微信快速开发框架(六)-- 微信快速开发框架(WXPP QuickFramework)V2.0版本上线--源码已更新至github
- 数据结构之数组
- Android资源动态加载以及相关原理分析
- 微信快速开发框架(七)--发送客服信息,版本更新至V2.2 代码已更新至github
- 微信快速开发框架(八)-- V2.3--增加语音识别及网页获取用户信息,代码已更新至Github
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法