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 相关文章推荐
js清除input中type等于file的值域(示例代码)
Dec 24 Javascript
Javascript函数式编程语言
Oct 11 Javascript
jQuery 1.9.1源码分析系列(十)事件系统之主动触发事件和模拟冒泡处理
Nov 24 Javascript
Boostrap入门准备之border box
May 09 Javascript
jquery if条件语句的写法
May 19 Javascript
浅谈angularjs module返回对象的坑(推荐)
Oct 21 Javascript
BootStrap 图标icon符号图标glyphicons不正常显示的快速解决办法
Dec 08 Javascript
JavaScript实现选中文字提示新浪微博分享效果
Jun 15 Javascript
详解用Node.js写一个简单的命令行工具
Mar 01 Javascript
浅谈webpack4 图片处理汇总
Sep 12 Javascript
在Vuex使用dispatch和commit来调用mutations的区别详解
Sep 18 Javascript
详解一次Vue低版本安卓白屏问题的解决过程
May 30 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
php中创建和调用webservice接口示例
2014/07/25 PHP
thinkphp文件处理类Dir.class.php的用法分析
2014/12/08 PHP
PDO::getAttribute讲解
2019/01/28 PHP
基于jQuery的自动完成插件
2011/02/03 Javascript
jquery如何实现锚点链接之间的平滑滚动
2013/12/02 Javascript
jQuery网页选项卡插件rTabs用法实例分析
2015/08/26 Javascript
详解javascript中原始数据类型Null和Undefined
2015/12/17 Javascript
详解angular element()方法使用
2017/04/08 Javascript
JS原生轮播图的简单实现(推荐)
2017/07/22 Javascript
vue实现菜单切换功能
2019/05/08 Javascript
Element-UI中关于table表格的那些骚操作(小结)
2019/08/15 Javascript
[00:52]DOTA2国际邀请赛
2020/02/21 DOTA
简单介绍Python中的len()函数的使用
2015/04/07 Python
解析Python中的__getitem__专有方法
2016/06/27 Python
python SSH模块登录,远程机执行shell命令实例解析
2018/01/12 Python
用TensorFlow实现lasso回归和岭回归算法的示例
2018/05/02 Python
python中的协程深入理解
2019/06/10 Python
解决python 3 urllib 没有 urlencode 属性的问题
2019/08/22 Python
如何分离django中的媒体、静态文件和网页
2019/11/12 Python
Python实现图片添加文字
2019/11/26 Python
Python run()函数和start()函数的比较和差别介绍
2020/05/03 Python
YOOX美国官方网站:全球著名的多品牌时尚网络概念店
2016/09/11 全球购物
女性时尚网购:Chic Me
2019/07/30 全球购物
奥林匹亚体育:Olympia Sports
2020/12/30 全球购物
计算机专业毕业生自我鉴定
2014/01/16 职场文书
决定成败的关键——创业计划书
2014/01/24 职场文书
幼儿园美术教学反思
2014/01/31 职场文书
课例研修方案
2014/05/31 职场文书
2015年房产销售工作总结范文
2015/05/22 职场文书
Nginx域名转发使用场景代码实例
2021/03/31 Servers
数据库之SQL技巧整理案例
2021/07/07 SQL Server
asyncio异步编程之Task对象详解
2022/03/13 Python
在Python 中将类对象序列化为JSON
2022/04/06 Python
python画条形图的具体代码
2022/04/20 Python
vue elementUI批量上传文件
2022/04/26 Vue.js
Android实现图片九宫格
2022/06/28 Java/Android