对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 相关文章推荐
chrome原生方法之数组
Nov 30 Javascript
jquery实现ajax提交form表单的方法总结
Mar 03 Javascript
Jquery图片延迟加载插件jquery.lazyload.js的使用方法
May 21 Javascript
wap图片滚动特效无css3元素纯js脚本编写
Aug 22 Javascript
node.js中的fs.fchownSync方法使用说明
Dec 16 Javascript
浅谈setTimeout 与 setInterval
Jun 23 Javascript
jQuery实现的超酷苹果风格图标滑出菜单效果代码
Sep 16 Javascript
JS中dom0级事件和dom2级事件的区别介绍
May 05 Javascript
微信小程序 实战程序简易新闻的制作
Jan 09 Javascript
Node.js操作redis实现添加查询功能
May 25 Javascript
Vue.js实现微信过渡动画左右切换效果
Jun 13 Javascript
mustache.js实现首页元件动态渲染的示例代码
Dec 28 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
Zend Framework教程之模型Model基本规则和使用方法
2016/03/04 PHP
php短信接口代码
2016/05/13 PHP
功能强大的php分页函数
2016/07/20 PHP
PHP批量修改文件名称的方法分析
2017/02/27 PHP
PHP使用PDO实现mysql防注入功能详解
2019/12/20 PHP
tp5框架前台无限极导航菜单类实现方法分析
2020/03/29 PHP
微信小程序 框架详解及实例应用
2016/09/26 Javascript
layui选项卡效果实现代码
2017/05/19 Javascript
vue2 全局变量的设置方法
2018/03/09 Javascript
JavaScript同源策略和跨域访问实例详解
2018/04/03 Javascript
nodejs实现套接字服务功能详解
2018/06/21 NodeJs
layUI实现三级导航菜单效果
2019/07/26 Javascript
vue的路由映射问题及解决方案
2019/10/14 Javascript
vuecli3.x中轻松4步带你使用tinymce的步骤
2020/06/25 Javascript
Javascript实现打鼓效果
2021/01/29 Javascript
[01:01:14]完美世界DOTA2联赛PWL S2 SZ vs Rebirth 第一场 11.21
2020/11/23 DOTA
Python 命令行参数sys.argv
2008/09/06 Python
Python 连连看连接算法
2008/11/22 Python
基于python的汉字转GBK码实现代码
2012/02/19 Python
盘点提高 Python 代码效率的方法
2014/07/03 Python
Python使用分布式锁的代码演示示例
2018/07/30 Python
Python 普通最小二乘法(OLS)进行多项式拟合的方法
2018/12/29 Python
快速解决docker-py api版本不兼容的问题
2019/08/30 Python
详解python opencv、scikit-image和PIL图像处理库比较
2019/12/26 Python
Python+appium框架原生代码实现App自动化测试详解
2020/03/06 Python
CSS实现鼠标滑过鼠标点击代码写法
2016/12/26 HTML / CSS
Lands’ End官网:经典的美国生活方式品牌
2016/08/14 全球购物
苹果Mac升级:MacSales.com
2017/11/20 全球购物
Sql面试题
2013/03/20 面试题
青春演讲稿范文
2014/05/08 职场文书
本科生就业推荐信
2014/05/19 职场文书
团队激励口号
2014/06/06 职场文书
生产车间标语
2014/06/11 职场文书
运动会广播稿100字
2014/09/14 职场文书
2015年公民道德宣传日活动总结
2015/03/23 职场文书
丧事答谢词大全
2015/09/30 职场文书