jQuery 选择符详细介绍及整理


Posted in Javascript onDecember 02, 2016

jQuery 选择符

CSS选择符,

如:

$('#title1 > li')为取得ID为title1(#title)的子元素(>)中所有的列表项(li)。

$('#title1 li:not(.class1)')为取得ID为title的后代元素中没有(not)class1类的所有列表项。

jQuery库支持XPath选择符。

如:

$('a[@title]')为取得所有带title属性的链接。也可以不用@符号。

如:

$('div[ol]')为取得所以包含一个ol属性的div元素。当然,还允许以正则表达式中的^(开始)$(结尾)*(任意),

示例如下:

$('a[href^="mailto:"]')为取得所有电子邮件的链接。

$('a[href$=".rar"]')为取得所有指向RAR文件的链接。

$('a[href*="tao028.com"]')为取得所有包含tao028.com的链接。自定义选择符,

如:

$('div:eq(1)')为取得div元素集合中第2个项,注意为单个对象,其length为1。

$('div:nth-child(1)')为取得div元素集合中的所有第一个div,注意其为对象集合,稍后再详述。

$('tr:odd')为取得所有奇数行。

$('tr:even')为取得所有偶数行。

$('td:contains("hahaha")')为取得所有单元格包含hahaha的元素。

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
jQuery 中DOM 操作详解
Jan 13 Javascript
JavaScript设置获取和设置属性的方法
Mar 04 Javascript
jQuery实现hover合成事件的方法
Aug 06 Javascript
js简单实现Select互换数据的方法
Aug 17 Javascript
Angular 2父子组件之间共享服务通信的实现
Jul 04 Javascript
详解react-router 4.0 下服务器如何配合BrowserRouter
Dec 29 Javascript
基于vue cli重构多页面脚手架过程详解
Jan 23 Javascript
jQuery实现获取选中复选框的值实例详解
Jun 28 jQuery
layui扩展上传组件模拟进度条的方法
Sep 23 Javascript
vue Tab切换以及缓存页面处理的几种方式
Nov 05 Javascript
微信小程序图片右边加两行文字的代码
Apr 23 Javascript
小程序自定义轮播图圆点组件
Jun 25 Javascript
JQuery 动态生成Table表格实例代码
Dec 02 #Javascript
jQuery实现背景滑动菜单
Dec 02 #Javascript
Angular2学习笔记——详解NgModule模块
Dec 02 #Javascript
Angular2学习笔记——详解路由器模型(Router)
Dec 02 #Javascript
基于jQuery实现的幻灯图片切换
Dec 02 #Javascript
JavaScript中清空数组的方法总结
Dec 02 #Javascript
浅谈js中几种实用的跨域方法原理详解
Dec 02 #Javascript
You might like
Protoss魔法科技
2020/03/14 星际争霸
逆序二维数组插入一元素的php代码
2012/06/08 PHP
WordPress中Gravatar头像缓存到本地及相关优化的技巧
2015/12/19 PHP
PHP登录验证码的实现与使用方法
2016/07/07 PHP
[原创]php简单隔行变色功能实现代码
2016/07/09 PHP
老生常谈PHP中的数据结构:DS扩展
2017/07/17 PHP
YII框架http缓存操作示例
2019/04/29 PHP
JavaScript 学习 - 提高篇
2007/02/02 Javascript
JS 动态获取节点代码innerHTML分析 [IE,FF]
2009/11/30 Javascript
node.js中的fs.existsSync方法使用说明
2014/12/17 Javascript
javascript将数字转换整数金额大写的方法
2015/01/27 Javascript
Javascript验证Visa和MasterCard信用卡号的方法
2015/07/27 Javascript
JS处理json日期格式化问题
2015/10/01 Javascript
Bootstrap组件系列之福利篇几款好用的组件(推荐)
2016/06/23 Javascript
Javascript中函数名.length属性用法分析(对比arguments.length)
2016/09/16 Javascript
jquery hover 不停闪动问题的解决方法(亦为stop()的使用)
2017/02/10 Javascript
JS实现动态给标签控件添加事件的方法示例
2017/05/13 Javascript
Angular实现搜索框及价格上下限功能
2018/01/19 Javascript
Node.js利用console输出日志文件的方法示例
2018/04/27 Javascript
基于vue.js实现分页查询功能
2018/12/29 Javascript
jQuery表单选择器用法详解
2019/08/22 jQuery
详谈Object.defineProperty 及实现数据双向绑定
2020/07/18 Javascript
[01:45]DOTA2众星出演!DSPL刀塔次级职业联赛宣传片
2014/11/21 DOTA
Python的ORM框架中SQLAlchemy库的查询操作的教程
2015/04/25 Python
Python的Django框架中设置日期和字段可选的方法
2015/07/17 Python
Python 实例方法、类方法、静态方法的区别与作用
2019/08/14 Python
Pytoch之torchvision.transforms图像变换实例
2019/12/30 Python
python中pyplot基础图标函数整理
2020/11/10 Python
Brother加拿大官网:打印机、贴标机、缝纫机
2019/10/09 全球购物
广告设计专业自荐信范文
2013/11/14 职场文书
学生党员一帮一活动总结
2014/07/08 职场文书
全国优秀教师事迹材料
2014/08/26 职场文书
2014年乡镇党建工作总结
2014/11/11 职场文书
小学运动会加油稿
2015/07/22 职场文书
vue3不同环境下实现配置代理
2022/05/25 Vue.js
前端传参数进行Mybatis调用mysql存储过程执行返回值详解
2022/08/14 MySQL