对jQuary选择器的全面总结


Posted in Javascript onJune 20, 2016

jQuary基础选择器

$("div*")获取div下面的所有元素

$(".red,.green").html("怎么") // 需要注意的是要把两个选择前写在同一个引号内 (需要同时选择多个选择器的时候用)

$("ance desc") //ancestor祖先选择器 descendant子孙选择器

$(“parent > child”) //只包含子辈选择器 不包含孙辈选择器

$(“prev + next”) // "+"表示一种上下级的关系,prev元素最紧邻的下一个元素是next,选择器返回的并且只返回唯一的元素 

$("p+label").css("background-color","red"); 给紧邻着的邻居加个背景颜色

$(“prev ~siblings”) //获取prev后面所有的相邻元素(相邻只包含同一个父级元素内的)

jQuary的过滤性选择器

:first $(“li:first”)获得一组相同标签中的第一个元素 是一个元素不是一个集合

:last 最后一个元素

:eq(index) 按照索引查找元素 

$("li:eq(2)") 索引从零开始 获取li标签中的第三个元素

:contains(text) 按照内容查找元素 

$(“li:contains('张三')”) 获取到内容包含张三的所有li元素 张三为什么必须加单引号呢?因为它是一个字符串,而不是一个变量,所以不加单或双引号的话是会报错的。

:has(slector) 按照元素获取 

$("li:has('p')")获取了包含<p>元素的全部<li>元素

:hidden 获取全部不可见的元素,这些不可见的元素中包括type属性值为hidden的元素。$("li:hidden")获取li 下面所有display:none的元素或者是hidden的元素

:visible 获取的是全部可见的元素,只要不将元素的display属性值设置为“none”,都可以通过该选择器获取。 

$("p:visible")获取可见的<p>元素

[attribute=value] 获取属性名等于属性值的元素 

$("li[title='小超人']") 加了li是确定了范围如果不加li则选择的是全部的

[attribute!=value] 获取属性名不等于属性值的元素

[attribute*=value] 获取属性值中包含指定内容的全部元素

$("li[title*='新']")获取了属性值中包含“新”的li元素

:first-child 获取每个父元素中返回的首个子元素,它是一个集合,常用多个集合数据的选择处理。

$("li:first-child")获取了所有个<ul>父元素中的第一个<li>元素

:last-child 获取父元素总的最后一个子元素 常用多个集合数据的选择处理

表单选择器

:input 获取表单全部元素 返回全部的表单元素,不仅包括所有<input>标记的表单元素,而且还包括<textarea>、<select> 和

<button>标记的表单元素,它选择的表单元素是最广的

:text 获取表单中全部单行的文本输入框 对textarea不起作用

:password 获取表单中全部的密码输入文本框元素

:radio 获取表单中的全部单选按钮元素。

:checkbox 获取表单中的复选框元素。()

:submit 获取表单中的提交按钮元素。(一般一个表单中只有一个type属性是“submit”的按钮) 如果button没有定义会默认是

submit的提交按钮

:image 获取当“input元素的type属性是image时,这个元素就是一个图像域”这个类下的元素

:image 选择器只能获取<input>图像域,而不能获取<img>格式的图像元素

:button 选择器能获取且只能获取“type”属性值为“button”的<input>和<button>这两类普通按钮元素。

:checked 获取处于选中状态的全部元素。

:selected 只能获取<select>下拉列表框中全部处于选中状态的<option>选项元素。

以上这篇对jQuary选择器的全面总结就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery对象与DOM对象之间的转换方法
Apr 15 Javascript
jquery js 获取时间差、时间格式具体代码
Jun 05 Javascript
js使用递归解析xml
Dec 12 Javascript
js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件)
Jul 18 Javascript
Spring Boot+AngularJS+BootStrap实现进度条示例代码
Mar 02 Javascript
详解angular脏检查原理及伪代码实现
Jun 08 Javascript
vue Tab切换以及缓存页面处理的几种方式
Nov 05 Javascript
Vue数字输入框组件使用方法详解
Feb 10 Javascript
ES6中Set和Map用法实例详解
Mar 02 Javascript
Vue使用Three.js加载glTF模型的方法详解
Jun 14 Javascript
js实现数字跳动到指定数字
Aug 25 Javascript
react使用antd表单赋值,用于修改弹框的操作
Oct 29 Javascript
jQuery实现的可编辑表格完整实例
Jun 20 #Javascript
jQuery文件上传控件 Uploadify 详解
Jun 20 #Javascript
javascript js 操作数组 增删改查的简单实现
Jun 20 #Javascript
浅谈JavaScript中数组的增删改查
Jun 20 #Javascript
【经验总结】编写JavaScript代码时应遵循的14条规律
Jun 20 #Javascript
jQuery Tags Input Plugin(添加/删除标签插件)详解
Jun 20 #Javascript
javascript实现随机生成DIV背景色
Jun 20 #Javascript
You might like
目录,文件操作详谈―PHP
2006/11/25 PHP
Laravel 5 框架入门(一)
2015/04/09 PHP
php is_executable判断给定文件名是否可执行实例
2016/09/26 PHP
layui数据表格自定义每页条数limit设置
2019/10/26 PHP
推荐40款强大的 jQuery 导航插件和教程(上篇)
2012/09/14 Javascript
javascript定义变量时加var与不加var的区别
2014/12/22 Javascript
js实现同一个页面多个渐变效果的方法
2015/04/10 Javascript
文件上传,iframe跨域数据提交的实现
2016/11/18 Javascript
基于vue的fullpage.js单页滚动插件
2017/03/20 Javascript
React应用中使用Bootstrap的方法
2017/08/15 Javascript
Node.js搭建WEB服务器的示例代码
2018/08/15 Javascript
详解Vue CLI3 多页应用实践和源码设计
2018/08/30 Javascript
详解npm 配置项registry修改为淘宝镜像
2018/09/07 Javascript
基于JavaScript canvas绘制贝塞尔曲线
2018/12/25 Javascript
5分钟教你用nodeJS手写一个mock数据服务器的方法
2019/09/10 NodeJs
jquery ajax 请求小技巧实例分析
2019/11/11 jQuery
node.js 微信开发之定时获取access_token
2020/02/07 Javascript
谈谈Python进行验证码识别的一些想法
2016/01/25 Python
Python结巴中文分词工具使用过程中遇到的问题及解决方法
2017/04/15 Python
使用python实现接口的方法
2017/07/07 Python
Python实现excel转sqlite的方法
2017/07/17 Python
python中协程实现TCP连接的实例分析
2018/10/14 Python
python实现文本进度条 程序进度条 加载进度条 单行刷新功能
2019/07/03 Python
你还在@微信官方?聊聊Python生成你想要的微信头像
2019/09/25 Python
tensorflow 大于某个值为1,小于为0的实例
2020/06/30 Python
python switch 实现多分支选择功能
2020/12/21 Python
canvas学习笔记之2d画布基础的实现
2019/02/21 HTML / CSS
Feelunique美国:欧洲大型的在线美妆零售电商
2018/11/04 全球购物
北美最大的参茸药食商城:德成行
2020/12/06 全球购物
小学家长会邀请函
2014/01/23 职场文书
铁路个人事迹材料
2014/01/30 职场文书
应届生求职自荐信范文
2014/04/07 职场文书
教师职业道德事迹材料
2014/08/18 职场文书
祖国在我心中演讲稿600字
2014/09/23 职场文书
新党章的学习心得体会
2014/11/07 职场文书
python中%格式表达式实例用法
2021/06/18 Python