正文
<<< Jquery查找元素、选择器使用方法总结
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
$("#myDiv"); //根据给定的ID匹配一个元素，用于搜索id 属性中给定的值，id属性必须是唯一的
$("div"); //根据给定的元素名匹配所有元素，搜索指向dom节点的标签名
$(".myClass"); //根据给定的类匹配元素，用以搜索的类。一个元素可以有多个类，只要有一个符合就能被匹配到
$("div,.myClass"); //将每一个选择器匹配到的元素合并后一起返回，可以指定多个元素
返回示例：
<div>this is div</div><p class=".myClass">指定类</p>结果：<div>div</div>,<p class=".myClass"></p>
$("form input");或者$("div input"); //在给定的父元素元素下匹配所有的子元素
$("div > input"); //给定的父元素下匹配所有的子元素
<div> <label>id</label> <input name="name" /> <ul> <li>Newsletter:</li> </ul></div><input name="none" />结果：<input name="name" />
$('li:first'); //获取li下面的第一个元素
$('li:last'); //获取li下面的最后一个元素
$("input:not(:checked)")或者$("div:not(a)"); //排除掉input所有选中的元素筛选,排除掉div下的所有a标签
$("li:even"); //匹配所有索引值为偶数的元素，从 0 开始计数
例：
<ul> <li>第一个</li> <li>第二个</li> <li>第三个</li> <li>第四个</li></ul>结果：<li>第一个</li>，<li>第三个</li>
$("li:odd"); //匹配所有索引值为奇数的元素，从 0 开始计数,与上面例子相反
$("li:eq(1)"); //匹配给定索引值的元素，从0开始计数，拿上面例子，返回结果为<li>第二个</li>
$("li:gt(0)")和$("li:lt(2)"); //第一个查找所有大于给定索引值的元素，第二个所有小于给定索引值的元素
例：
<ul> <li>第一个</li> <li>第二个</li> <li>第三个</li> <li>第四个</li></ul>第一个返回结果：所有大于给定索引值的元素：<li>第二个</li>，<li>第三个</li>，<li>第四个</li>第二个返回结果：所有小于给定索引值的元素：<li>第一个</li>，<li>第二个</li>，<li>第三个</li>
$(".myClass").css("background", "#EEE"); //给类名myClass的所有元素加背景颜色
$("#myId:focus"); //给id名为myId设置焦点
$("div:contains('sevennight')"); //查找所有div下包含sevennight的元素
$("div:has(p)").addClass("test");给所有包含 p 元素的 div 元素添加一个 text 类
$("td:parent"); //查找所有含有子元素或者文本的 td 元素
$("div:hidden"); //查找隐藏的 div，或者type为hidden的元素
$("div:visible"); //查找所有的可见div元素
$("input[name='myOption']").attr("checked", true); //查找input所有input标签name等于myOption的属性checked为true的元素
$("input[name!='myOption']").attr("checked", true); //查找input所有input标签name不等于myOption的属性checked为true的元素
$("input[name^='seven']"); //查找input name以seven开始的元素，<input name="sevennight" />, <input name="sevenDay" />
$("input[name$='day']"); //查找input name以day结尾的元素，与上面相反
$("input[name*='a']"); //查找所有input name包含a的元素
$("input['.myClass'][name$='over']"); //查找class名为myClass的元素，并且此元素name以over结尾
$("input:checked"); //查找所有选中的复选框,单选框
$("select option:selected"); //查找option所有选中的选项元素
<<< Jquery查找元素、选择器使用方法总结的更多相关文章- js进阶 11-18 jquery中操作选择器的方法有哪些
js进阶 11-18 jquery中操作选择器的方法有哪些 一.总结 一句话总结:add().addBack().end() 1.add()方法是干嘛的,举一例? 将add()方法后选择器选择的jqu ...
- jQuery 查找元素1
jQuery 查找元素1 1. id // 通过id查找 $('#id') 2. class <div class='c1'></div> // 通过class查找 $('.c ...
- jQuery 查找元素2
jQuery 查找元素2 :first <ul> <li>list item 1</li> <li>list item 2</li> < ...
- 类 java.util.Collections 提供了对Set、List、Map进行排序、填充、查找元素的辅助方法。
类 java.util.Collections 提供了对Set.List.Map进行排序.填充.查找元素的辅助方法. 1. void sort(List) //对List容器内的元素排序,排序的规 ...
- jQuery查找标签--选择器,筛选器,模态对话框, 左侧菜单栏
查找标签 选择器: 基本选择器(同css) id选择器 $("#id") 标签选择器 $('tagName') class选择器 $(".className") ...
- jquery查找元素
一:查找元素 * 所有元素 element 该名称的所有元素(p,input) #id 拥有指定id属性的元素 .class 拥有所有指定class属性的元素 selector1,selector2 ...
- <;自动化测试>;之<;selenium API 查找元素操作底层方法>;
搜罗了一些查找元素的除标准语句外,另外的语句使用方法,摘自 开源中国 郝云鹏driver = webdriver.Chrome(); 打开测试页面 driver.get( "http://b ...
- jquery子元素选择器
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- jQuery判断元素是否存在方法
1.使用javascript判断元素是否存在 if(document.getElementById('div')) { } else { } 2.使用jquery判断元素是否存在 if ($(&quo ...
- jquery 查找元素，id，class
查找元素下的class 带有.pageactive的a标签 $('a.pageactive') 标签a和..pageactive不要有空格,有空格找不到 ======================= ...
随机推荐- JavaScript 字符串实用常操纪要
JavaScript 字符串用于存储和处理文本.因此在编写 JS 代码之时她总如影随形,在你处理用户的输入数据的时候,在读取或设置 DOM 对象的属性时,在操作 Cookie 时,在转换各种不同 Da ...
- 更简单的跨域解决方案 - CORS
跨域问题是前端开发经常遇到的了,大家可能常用的就是JSONP了, JSONP非常方便,只要前后端约定好一个方法名,就可以沟通了,但JSONP也有一定的局限,JSONP只支持GET请求,还有当你想提供一 ...
- R-S触发器
下面是触发器的电路,这个电路上下对称,分别都是一个或门连着一个非门,特别之处在于,它们各自的输出又分别是对方的输入. 合上R,上面的或门输入时1.0,经过上面的非门,Q=0,Q不发光.Q的结果会被反馈 ...
- C#入门经典（2-重置窗体布局，界面介绍，错误列表）
- Hadoop2.7.5+Hbase1.4.0完全分布式
Hadoop2.7.5+Hbase1.4.0完全分布式一.在介绍完全分布式之前先给初学者推荐两本书:<Hbase权威指南>偏理论<Hbase实战>实战多一些 二.在安装完全分布 ...
- centos7 部署安装gitlab服务器
概念: git 是一种版本控制系统,是一个命令,是一种工具 gitlib 是用于实现git功能的开发库 github 是一个基于git实现的在线代码托管仓库,包含一个网站界面,向互联网开放 gitla ...
- asp.net core 系列 16 Web主机 IWebHostBuilder
一.概述 在asp.net core中,Host主机负责应用程序启动和生存期管理.host主机包括Web 主机(IWebHostBuilder)和通用主机(IHostBuilder).Web 主机是适 ...
- 解决 Linux 桌面亮度调整不工作
工作原因开始使用Ubuntu.桌面环境为GNOME,不过亮度调整和桌面环境没多大关系. 思路: 不管是GNOME还是Unity,都会尝试自己去接管亮度调整,也就是去 /sys/class/backli ...
- C JAVA你可能不知道的那些编程细节
关于printf的格式化字符 %* *与其它占位符结合使用, *将首先被一个 int 变量值代替后再被格式化. 如 printf("%.*s.", 2, "Hello&q ...
- 使用 IntraWeb (9) - JavaScript
IW 依赖 js 构建(我数了数, 在当前版本它的资源文件默认携带了 26 个 js); 但 IW 尽可能地让用户少用或不用 js, 但如果你对 js 也不陌生, IW 提供了多种途径与方便. 我给它 ...
js进阶 11-18 jquery中操作选择器的方法有哪些 一.总结 一句话总结:add().addBack().end() 1.add()方法是干嘛的,举一例? 将add()方法后选择器选择的jqu ...
jQuery 查找元素1 1. id // 通过id查找 $('#id') 2. class <div class='c1'></div> // 通过class查找 $('.c ...
jQuery 查找元素2 :first <ul> <li>list item 1</li> <li>list item 2</li> < ...
类 java.util.Collections 提供了对Set.List.Map进行排序.填充.查找元素的辅助方法. 1. void sort(List) //对List容器内的元素排序,排序的规 ...
查找标签 选择器: 基本选择器(同css) id选择器 $("#id") 标签选择器 $('tagName') class选择器 $(".className") ...
一:查找元素 * 所有元素 element 该名称的所有元素(p,input) #id 拥有指定id属性的元素 .class 拥有所有指定class属性的元素 selector1,selector2 ...
搜罗了一些查找元素的除标准语句外,另外的语句使用方法,摘自 开源中国 郝云鹏driver = webdriver.Chrome(); 打开测试页面 driver.get( "http://b ...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
1.使用javascript判断元素是否存在 if(document.getElementById('div')) { } else { } 2.使用jquery判断元素是否存在 if ($(&quo ...
查找元素下的class 带有.pageactive的a标签 $('a.pageactive') 标签a和..pageactive不要有空格,有空格找不到 ======================= ...
- JavaScript 字符串实用常操纪要
JavaScript 字符串用于存储和处理文本.因此在编写 JS 代码之时她总如影随形,在你处理用户的输入数据的时候,在读取或设置 DOM 对象的属性时,在操作 Cookie 时,在转换各种不同 Da ...
- 更简单的跨域解决方案 - CORS
跨域问题是前端开发经常遇到的了,大家可能常用的就是JSONP了, JSONP非常方便,只要前后端约定好一个方法名,就可以沟通了,但JSONP也有一定的局限,JSONP只支持GET请求,还有当你想提供一 ...
- R-S触发器
下面是触发器的电路,这个电路上下对称,分别都是一个或门连着一个非门,特别之处在于,它们各自的输出又分别是对方的输入. 合上R,上面的或门输入时1.0,经过上面的非门,Q=0,Q不发光.Q的结果会被反馈 ...
- C#入门经典（2-重置窗体布局，界面介绍，错误列表）
- Hadoop2.7.5+Hbase1.4.0完全分布式
Hadoop2.7.5+Hbase1.4.0完全分布式一.在介绍完全分布式之前先给初学者推荐两本书:<Hbase权威指南>偏理论<Hbase实战>实战多一些 二.在安装完全分布 ...
- centos7 部署安装gitlab服务器
概念: git 是一种版本控制系统,是一个命令,是一种工具 gitlib 是用于实现git功能的开发库 github 是一个基于git实现的在线代码托管仓库,包含一个网站界面,向互联网开放 gitla ...
- asp.net core 系列 16 Web主机 IWebHostBuilder
一.概述 在asp.net core中,Host主机负责应用程序启动和生存期管理.host主机包括Web 主机(IWebHostBuilder)和通用主机(IHostBuilder).Web 主机是适 ...
- 解决 Linux 桌面亮度调整不工作
工作原因开始使用Ubuntu.桌面环境为GNOME,不过亮度调整和桌面环境没多大关系. 思路: 不管是GNOME还是Unity,都会尝试自己去接管亮度调整,也就是去 /sys/class/backli ...
- C JAVA你可能不知道的那些编程细节
关于printf的格式化字符 %* *与其它占位符结合使用, *将首先被一个 int 变量值代替后再被格式化. 如 printf("%.*s.", 2, "Hello&q ...
- 使用 IntraWeb (9) - JavaScript
IW 依赖 js 构建(我数了数, 在当前版本它的资源文件默认携带了 26 个 js); 但 IW 尽可能地让用户少用或不用 js, 但如果你对 js 也不陌生, IW 提供了多种途径与方便. 我给它 ...
