JQuery属性选择器

[attribute]：选择具有指定属性值的元素。

[attribute='value']：选择具有指定属性且属性值为指定值的元素。eg：选择target属性值为test的a元素，$("a[target='test']")。

[attribute|='value']：选择具有指定属性的元素，或者属性值为指定值或指定值后跟连字符（-）。eg：选择包含target属性的a元素，$("a[target]")；选择target属性值为test或以test-为前缀的a元素，$("a[target|='test']")。

[attribute*='value']：选择具有指定属性且属性值包含指定字符串的元素。eg：选择target属性值包含test的a元素，$("a[target*='test']")，则target属性值为testa，atest，atestb等的a元素都会被选中。

[attribute~='value']：选择具有指定属性且属性值由空格分隔后包含给定字符串的元素。eg：选择target值由空格分隔后包含字符串test的a元素，$("a[target~='test']")，则target属性值为my test、test selector等的a元素都会被选中。

[attribute$='value']：选择具有指定属性且属性值以指定字符串结尾的元素。eg：选择target值以test结尾的a元素，$("a[target$='test']")，则target属性值为mytest、test等的a元素都会被选中。

[attribute!='value']：选择没有指定属性的元素，或者具有指定元素但属性值不是指定值的元素。$("[attribute!='value']")不是CSS规范的一部分而是JQuery扩展，所以使用$("[attribute!='value']")查询不能通过本地DOM的querySelectorAll方法提供性能的提升。使用$("[attribute!='value']")选择元素时想要获得最佳性能，则需要首先用纯CSS选择器选择元素，然后使用not("[attribute='value'])。eg：选择target值不为test的a元素，$("a[target!='test']")，则target值不为test的任何a元素都会被选中。

[attribute^='value']：选择具有指定属性且属性值以指定字符串开头的元素。eg：选择target属性值以test开头的a元素，$("a[target^='test']")，则target值为test、testa等的a元素都会被选中。

[attribute='value'][attribute2='value2']...[attributeN='valueN']：选择与所有属性匹配的元素。eg：选择具有id属性且name属性为test的元素，$("[id][name='test']")。

JQuery属性选择器相关推荐

jQueryDom和源生DOM相互的转换、jQuery选择器语法、JQuery层次选择器语法、jQuery属性选择器语法、jQuery伪类选择器语法、
jQuery和源生DOM的转化案例 <body> <p id="test">123</p> <p>456</p> &l ...
JQuery属性选择器(属性值是变量、多属性选择）
结论: 1.属性值是变量时,$("div[属性 = "+变量+"]"):2.属性值是变量时,$(`div[属性 = ${变量}`):3.多属性选择器时,$(&q ...
Jquery属性选择器（同时匹配多个条件,与或非）（附样例）
1. 前言为了处理除了两项不符合条件外的选择,需要用到jquery选择器的多个条件匹配来处理,然后整理了一下相关的与或非的条件及其组合. 作为笔记记录. 2. 代码 1 2 3 4 5 6 7 8 ...
jQuery 属性选择器
jQuery 使用 XPath 表达式来选择带有给定属性的元素. $("[href]") 选取所有带有 href 属性的元素. $("[href='#']") ...
深入学习jQuery选择器系列第四篇——过滤选择器之属性选择器
前面的话属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素,对应于CSS中的属性选择器.属性过滤选择器可分为简单属性选择器.具体属性选择器和条件属性选择器三种.本文将详细该部分内容简单属性选 ...
jQuery概述、优点、使用步骤、入口函数、jQuery对象和DOM对象之间的转换、层级选择器、属性选择器、筛选选择器、节点选择器
jQuery简介: jQuery是一个高效.精简并且功能丰富的javascript库,它提供的API简单易学,且兼容众多浏览器,极大地简化了javascript代码开发,包含内容:HTML 元素选取. ...
jquery表单对象属性选择器:enabled、:disabled、:checked、:selected
全栈工程师开发手册 (作者:栾鹏) jquery系列教程1-选择器全解 jquery表单对象属性选择器 jquery表单对象属性选择器,包括:enabled.:disabled.:checked.:s ...
jquery属性过滤选择器[attr=value]、[attr!=value]、[attr^=value]、[attr$=value]、[attr*=value]、[attr|=value]
全栈工程师开发手册 (作者:栾鹏) jquery系列教程1-选择器全解 jquery属性过滤选择器 jquery属性过滤选择器,包括[attr].[attr=value].[attr!=value]. ...
jQuery对象，jQuery查找标签，层级选择器，属性选择器，表单筛选器，操作节点标签事件...
目录 jQuery jQuery介绍 jQuery的优势 jQuery版本 jQuery内容: jQuery对象 jQuery基础语法查找标签基本选择器层级选择器: 基本筛选器: 属性选择器表 ...
day05【JQuery框架】HTML引入Jquery、jQuery与JS区别、基本选择器、层级关系选择器、属性选择器、过滤选择器、对象遍历、Jquery的DOM操作【重点】、Jquery事件绑定
回顾 1. bom对象window对象三种弹框alert()confirm()prompt()二种定时器一次性:setTimout() --- 通过递归实现循环性循环性:setInterval()lo ...

JQuery属性选择器

JQuery属性选择器相关推荐

最新文章

热门文章