jquery 属性选择器
jquery 属性选择器
第一种根据属性选择E[attr]
$("[title]").click()..........
即选择所有元素内 属性带有title的元素
即
<li class="aaaa" title="ttt">li-1</li>
<li title="fffff">li-2</li>
<div class="aaaa" title="ttt">li-1</div>
<div title="fffff">li-2</div>
$("div[title]").click()..........
选择所有div标签下的所有带title的元素
即
<div class="aaaa" title="ttt">li-1</div>
<div title="fffff">li-2</div>
第二种根据属性值选择E[@attr=val]
$("div[title='ttt']").click()................
选择div下所有title属性等于ttt的元素
即
<div class="aaaa" title="ttt">li-1</div>
如果是 $("[title='ttt']").click()................
所有元素下属性title等于ttt的元素
<li class="aaaa" title="ttt">li-1</li>
<div class="aaaa" title="ttt">li-1</div>
第三种根据属性值开始字母选择E[attr^=val]
$("div[title^='t']").click()................
所有div元素下所有属性title值是以t为开头的元素
第三种根据属性值开始字母选择E[@attr$=val]
$("div[title$='t']").click()................
所有div元素下所有属性title值是以t为结尾的元素
第三种根据属性值包含字母选择E[@attr*=val]
$("div[title*='t']").click()................
所有div元素下所有属性title值是包含t的所有元素
第三种根据多个属性选择E[attr=val][attr=val]
$("div[title='ttt'][class='aaaa']").click()................
所有div元素下所有属性title值是等于ttt并且属性class等于aaaa的元素
下面还有一些:
1 :first :last
$('div:first');
$('div:last');
获取所有div元素的第一个元素和最后一个元素
2 :even :odd:
$('div:even');
匹配所有div对象中的偶数元素
$('div:odd'):
匹配所有div对象中的奇数元素
这个首先想到在设置列表的样式时会用上,还会有很多地方会用到的.
3 eq(index)
$('div:eq(2)')
匹配第二个div对象
这个参数是数字,所以在获取某些对象时也比较灵活.
4 :gt(index) :lt(index)
$('div:gt(1)')
匹配小于下标的所有元素
$('div:lt(2)')
匹配大于下标的所有元素
5 :contains(text)
$('div:contains("txt")');
匹配内部包含有文本txt元素的对象
6 :empty
$('div:empty')
匹配所有没有子元素的对象
7 has(selector)
$('div:has("#abc")')
返回含有#abc子元素的div对象
8 :hidden :visible
$('div:hidden')
匹配所有隐藏对象
$('div:visible')
匹配所有可见的对象
$("div[id]") 查找所有含有 id 属性的div元素。
$("div[id='ajaxa']") 查找 id 为 ajaxa 的 div 元素。
$("div[id!='ajaxa']") 查找 id 不为 ajaxa 的 div 元素。
$("div[id^='ajaxa']") 查找 id 以 ajaxa 开头的 div 元素。
$("div[id$='ajaxa']") 查找 id 以 ajaxa 结尾的 div 元素。
$("div[id*='ajaxa']") 查找 id 含 ajaxa 的 div 元素。
$("div[id^='ajaxa']") 查找 id 以 ajaxa 开头的 div 元素。
$("div[id][class='ajaxa']") 查找存在id属性并且类为ajaxa的 div 元素。
jquery 获得tagName 的方法:$('#id').attr("tagName");jquery把tagName 当成属性了。
jquery 属性选择器的更多相关文章
- jquery-6 jquery属性选择器
jquery-6 jquery属性选择器 一.总结 一句话总结:jquery操作就是选择器加jquery对象的各种方法. 1.大量操作样式用什么方式? 大批量样式通过加类和减类完成 2.jquery中 ...
- jquery属性选择器(同时匹配多个条件)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- jquery属性选择器
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- jquery属性选择器(匹配具有指定属性的元素)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- jQuery属性选择器.attr()和.prop()两种方法
在判断表单单选框是否被选中时,通常会想到使用$('#checkbox').attr('checked')来判断,但在一些情况下,你会发现这种方法并不管用,得到的是undefined. 原来jQuery ...
- Jquery 属性选择器&设置元素属性
什么是属性选择器呢?感觉理解起来有点难,举个例子就很容易明白了,<div id="ajaxa"></div>这里的id就是属性,这下就很容易理解了, jqu ...
- jquery属性选择器中|value和^value的区别
jquery的属性选择中有两个比较混淆:一个是[attribute^value], 另一个是[attribute|value]. 先看解释: [attribute^value]:选取属性的值以valu ...
- Jquery属性选择器(同时匹配多个条件,与或非)(附样例)
1. 前言 为了处理除了两项不符合条件外的选择,需要用到jquery选择器的多个条件匹配来处理,然后整理了一下相关的与或非的条件及其组合. 作为笔记记录. 2. 代码 <!DOCTYPE htm ...
- 演示-JQuery属性选择器
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
随机推荐
- C# 类型初始化(Type initialization)
这些天突然看到一些大虾门写的有关类型初始化的文章.那种感觉真叫跌宕起伏啊. 博文地址如下,自己慢慢体会吧! 起步:http://www.cnblogs.com/artech/archive/2008/ ...
- WP REST API: 设置和使用OAuth 1.0a Authentication(原文)
In the previous part of the series, we set up basic HTTP authentication on the server by installing ...
- go channel缓冲区的大小
go channel缓冲区的大小 len也可以作用于channel,代表现在channel缓冲区中还有多少数据没有读取.示例如下 c:=make(chan int,20) fmt.Println(&q ...
- c# 两个字符串,s="aeiou",s2="welcome to Quantum Asia"
c# 两个字符串,s="aeiou",s2="welcome to Quantum Asia" 方案一: 使用while循环: static void Mai ...
- [转]解读Unity中的CG编写Shader系列1——初识CG
CG=C for Graphics 用于计算机图形编程的C语言超集 前提知识点: 1.CG代码必须用 CGPROGRAM ... ENDCG括起来 2.顶点着色器与片段着色器的主函数名称可随意,但需 ...
- kali linux之edb--CrossFire缓冲区溢出
漏洞的罪恶根源------变量,数据与代码边界不清,开发人员对用户输入没做过滤,或者过滤不严 如这个脚本,写什么,显示什么,但是加上:,|,&&,后面加上系统命令,就执行命令了 缓冲区 ...
- 也谈ObjectARX多版本批量编译
也谈ObjectARX多版本批量编译 by edata 2017-12-10 因某些原因,我的电脑系统依旧是windows XP,所以能安装的vs最高版本是vs2010,以下均在vs2010上实现,其 ...
- ceph_osd故障检测
1. 当前monitor可以通过3种途径检测到osd离线 1) Osd自主上报 2) Osd通过投票的方式(满足一下条件之一,mon会将osd标记为down) a) ...
- jq学习笔记(一)
1 .attr() 与 .removeAttr()方法 - atr()方法用来获取和设置元素属性 attr()有4个表达式: attr(传入属性名):获取属性的值 attr(属性名, 属性值):设置属 ...
- [golang] go的typeswitch guard(类型区别)语法和type assertion(类型断言)语法
最近在实现golang,看到个go的特性语法: typeswitch guard. typeswitch guard语法如下: package main import "fmt" ...