jquery属性选择器

jQuery( "[attribute|=‘value‘]" )

选择指定属性值等于给定字符串或以该字符串为前缀(该字符串后跟一个连字符“-” )的元素。

eg:

$("div[name|=‘username‘]").css("border","1px solid red");

jQuery( "[attribute*=‘value‘]" )

选择指定属性具有包含一个给定的子字符串的元素。

eg:

$("div[name*=‘n‘]").css("color","blue");   包含关系

jQuery( "[attribute~=‘value‘]" )

选择指定属性用空格分隔的值中包含一个给定值的元素。

eg:   <span name="user name">属性user name</span>

$("span[name~=‘user‘]").css("color","blue");  name 属性必须包含有空格,检索的时候必须以空格间隔的块,为整体检索。(name="user name ids",可以用user,name,ids检索,不能以use或者id检索)

jQuery( "[attribute$=‘value‘]" )

选择指定属性是以给定值结尾的元素。这个比较是区分大小写的。

eg:

$("span[name$=‘ids‘]").css("color","blue");

jQuery( "[attribute=‘value‘]" )

选择指定属性是给定值的元素

eg:

$("span[name=‘usersex‘]").css("color","blue");

jQuery( "[attribute!=‘value‘]" )

选择不存在指定属性,或者指定的属性值不等于给定值的元素。

eg:

$("span[name!=‘user name ids‘]").css("color","blue");

jQuery( "[attribute^=‘value‘]" )

选择指定属性是以给定字符串开始的元素

eg:

$("span[name!=‘user‘]").css("border","1px solid gray");

jQuery( "[attribute]" )

选择所有具有指定属性的元素,该属性可以是任何值。

eg:

$("span[name]").css("color","blue");

jQuery( "[attributeFilter1][attributeFilter2][attributeFilterN]" )

选择匹配所有指定的属性筛选器的元素

eg:

$("span[name][name=‘usersex‘]").css("border","2px solid pink");

时间: 2024-10-27 12:41:41

jquery属性选择器的相关文章

jQuery属性选择器.attr()和.prop()两种方法

在判断表单单选框是否被选中时,通常会想到使用$('#checkbox').attr('checked')来判断,但在一些情况下,你会发现这种方法并不管用,得到的是undefined. 原来jQuery在1.6版本以后对属性选择器做了一些调整,分为.attr()和.prop()两种方法.为的是区分元素attributes和properties之间模棱两可的东西. 那么它们之间有什么区别呢? 官方的解释是: Attributes vs. Properties The difference betwe

jquery属性选择器(同时匹配多个条件)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>属性选择器</title> &

jquery属性选择器(匹配具有指定属性的元素)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>属性选择器</title> &

演示-JQuery属性选择器

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="

Web开发——JavaScript库(jQuery 语法 / 选择器 / 事件)

通过 jQuery,您可以选取(查询,query) HTML 元素,并对它们执行"操作"(actions). 1.jQuery 语法 1.1 jQuery语法举例 1.1.1 $(this).hide() 演示 jQuery hide() 函数,隐藏当前的 HTML 元素. 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta h

[ jquery 表单UI选择器和表单元素属性选择器 ] 表单UI选择器和表单元素属性选择器

表单UI选择器和表单元素属性选择器: 实例: <!DOCTYPE html> <html lang='zh-cn'> <head> <title>Insert you title</title> <meta http-equiv='description' content='this is my page'> <meta http-equiv='keywords' content='keyword1,keyword2,keywo

jquery笔记之属性选择器 查找以某种条件开头的页面元素

jquery笔记之属性选择器 查找以某种条件开头的页面元素 转载:http://www.blogbus.com/amyqiong-logs/78340326.html $("div[id]")                查找所有含有 id 属性的div元素. $("div[id='ajaxa']")        查找 id 为 ajaxa 的 div 元素. $("div[id!='ajaxa']")       查找 id 不为 ajax

jQuery属性过滤选择器

1 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> 2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 3 <html> 4 <head> 5 <!-- jQuery属性过滤选择器 --> 6 <

深入学习jQuery选择器系列第四篇——过滤选择器之属性选择器

× 目录 [1]简单属性 [2]具体属性 [3]条件属性 前面的话 属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素,对应于CSS中的属性选择器.属性过滤选择器可分为简单属性选择器.具体属性选择器和条件属性选择器三种.本文将详细该部分内容 简单属性选择器 [attribute] [attribute]选择器选择拥有该属性的元素,返回集合元素 //选择拥有title属性的所有元素 $('[title]') //选择拥有title属性的所有span元素 $('span[title]') //