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跨域获得Json时invalid label错误的解决办法
Jan 11 Javascript
js清理Word格式示例代码
Feb 13 Javascript
js两种拼接字符串的简单方法(必看)
Sep 02 Javascript
微信小程序 教程之模块化
Oct 17 Javascript
Bootstrap3 datetimepicker控件使用实例
Dec 13 Javascript
javascript数组去重常用方法实例分析
Apr 11 Javascript
vue之nextTick全面解析
May 17 Javascript
在angular 6中使用 less 的实例代码
May 13 Javascript
Vue.js样式动态绑定实现小结
Jan 24 Javascript
Node.js系列之发起get/post请求(2)
Aug 30 Javascript
详解简单易懂的 ES6 Iterators 指南和示例
Sep 24 Javascript
微信小程序实现列表左右滑动
Nov 19 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+Html+缓存
2006/11/25 PHP
jquery实现美观的导航菜单鼠标提示特效代码
2015/09/06 Javascript
JavaScript子窗口调用父窗口变量和函数的方法
2015/10/09 Javascript
js实现对ajax请求面向对象的封装
2016/01/08 Javascript
如何利用JS通过身份证号获取当事人的生日、年龄、性别
2016/01/22 Javascript
JavaScript 浏览器兼容性总结及常用浏览器兼容性分析
2016/03/30 Javascript
简单实现的JQuery文本框水印插件
2016/06/14 Javascript
JS实现数字格式千分位相互转换方法
2016/08/01 Javascript
angularJS Provider、factory、service详解及实例代码
2016/09/21 Javascript
JavaScript中定义对象原型的两种使用方法
2016/12/15 Javascript
详解vue.js全局组件和局部组件
2017/04/10 Javascript
JQuery实现ajax请求的示例和注意事项
2018/12/10 jQuery
详解vue2.6插槽更新v-slot用法总结
2019/03/09 Javascript
vue2之简易的pc端短信验证码的问题及处理方法
2019/06/03 Javascript
微信小程序 动态修改页面数据及参数传递过程详解
2019/09/27 Javascript
python使用wmi模块获取windows下的系统信息 监控系统
2015/10/27 Python
Python 制作糗事百科爬虫实例
2016/09/22 Python
python flask中静态文件的管理方法
2018/03/20 Python
python实现数据写入excel表格
2018/03/25 Python
Python 数据处理库 pandas进阶教程
2018/04/21 Python
python中in在list和dict中查找效率的对比分析
2018/05/04 Python
docker django无法访问redis容器的解决方法
2019/08/21 Python
用Python实现校园通知更新提醒功能
2019/11/23 Python
python从Oracle读取数据生成图表
2020/10/14 Python
通过css3动画和opacity透明度实现呼吸灯效果
2019/08/09 HTML / CSS
纽约复古灵感的现代珠宝品牌:Lulu Frost
2018/03/03 全球购物
100%羊绒:NakedCashmere
2020/08/26 全球购物
医科大学生的自我评价
2013/12/04 职场文书
公益广告宣传方案
2014/02/28 职场文书
安全环保演讲稿
2014/08/28 职场文书
2014年监理个人工作总结
2014/12/11 职场文书
高温慰问简报
2015/07/21 职场文书
2016新年感言
2015/08/03 职场文书
体育委员竞选稿
2015/11/21 职场文书
SpringCloud项目如何解决log4j2漏洞
2022/04/10 Java/Android
vue-treeselect的基本用法以及解决点击无法出现拉下菜单
2022/04/30 Vue.js