jQuery之属性过滤选择器

转自：http://blog.csdn.net/woshisap/article/details/7341136

在HTML文档中，元素的开始标记中通常包含有多个属性(attribute), 在jQuery中，除了直接使用id和class属性作为选择器之外，还可以根据各种属性（如title等）对由选择器

查询到的元素进行过滤，属性过滤选择器包含了在中括号"[]"中，而不是以冒号开头，通常使用"选择器[属性过滤选择器]"语法格式，可以根据是否包含指定属性或者

根据属性值从查询到的元素中进行筛选。

1：包含属性过滤器

用于选择包含给定属性的所有元素

格式:$("selector[attribute]")

2：属性等于过滤器

用于筛选给定属性等于某特定值的所有元素

$("selector[attribute=value]");

例子：$("input[name=accept]").attr("checked", "true"); //将name为accept的复选框选中

3：属性包含过滤器

用于选择指定属性值包含给定字符串的所有元素

格式:$("selector[attribute*=value]")

例子:$("input[name*=‘news‘]").val("name中包含有news的元素"); //将name中包含‘news‘的文本框添加文本值

4：属性包含单词过滤器

用于选择指定属性值中包含给定单词(由空格分隔)的元素

格式:$("selector[attribute~=value]");

例子:$(‘input[name~=‘news‘]‘).val("name中包含news单词的元素");

5：属性不等于过滤器

用于选择不包含指定属性，或者包含指定属性但该属性不等于某个值的所有元素

格式:$("selector[attribute!=value]")

6：属性开始过滤器

用于选择给定属性是以某特定值开始的所有元素

格式:$("selector[attribute^=value]")

7：属性结尾过滤器

用于选择给定属性是以某特定值结尾的所有元素

格式:$("selector[attribute$=value]")

8：复合属性过滤器

用于选择同时满足多个条件的所有元素

格式:$("selector[selector1][selector2]...[selector[N]")

实例：$("input[id][name^=‘news‘]").val("复合条件")：用于选择包含有id属性并且name值以‘news‘开头的文本框，并对其值进行设置

jQuery之属性过滤选择器

时间： 2024-12-28 21:49:56

jQuery之属性过滤选择器的相关文章

Jquery | 基础 | 属性过滤选择器

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con

一步一步学习 JQuery (四) 过滤选择器:属性过滤选择器 && 子元素过滤选择器 && 表单过滤选择器

四.属性过滤选择器属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素选取下列元素,改变其背景色为 # bbffaa 含有属性title 的div元素. 属性title值等于"test"的div元素. 属性title值不等于"test"的div元素(没有属性title的也将被选中). 属性title值以"te"开始的div元素. 属性title值以"est"结束的div元素. 属性title值含有"

黑马day16 jquery&属性过滤选择器

属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素 1.[attribute] 用法: $("div[id]") ; 返回值集合元素说明:匹配包含给定属性的元素.例子中是选取了所有带"id"属性的div标签. 2.[attribute=value] 用法: $("input[name='newsletter']").attr("checked", true); 返回值集合元素说明:匹配给定的属性是某个

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  6 <

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  6

过滤选择器——属性过滤选择器

属性过滤选择器根据元素的某个属性获取元素,如ID号或匹配属性值的内容,并以"["号开始.以"]"号结束.其详细的说明如表: 选择器功能返回值 [attribute] 获取包含给定属性的元素元素集合 [attribute=value] 获取等于给定的属性是某个特定值得元素元素集合 [attribute!=value] 获取不等于给定的属性是某个特定值的元素元素集合 [attribute^=value] 获取给定的属性是以某些值开始的元

jQuery学习之过滤选择器

:first 选取第一个元素:$("div:first") :last 选取最后一个元素:$("div:last") :not(selector) 取出除selector之外的其他元素:$("div:not(.class)") :even 选取索引为偶数的元素:$("div:even") :odd 选取索引为奇数的元素:$("div:odd") :eq(index) 索引等于index:$("di

jQuery选择器之过滤选择器

过滤选择器类似于CSS中的伪类选择器,以冒号开头.过滤选择器根据其过滤规则分为:基本过滤选择器.内容过滤选择器.可见性过滤选择器.属性过滤选择器.子元素过滤选择器.以及表单对象属性过滤选择器. 1.基本过滤选择器名称说明举例 :first 匹配到第一个元素查找表格的第一行:$("tr:first") :last 匹配到最后一个元素查找表格的最后一行:$(&qu

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  6 &l