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实现多域名不同文件的调用方法
Jan 12 Javascript
DOM Scripting中的图片切换[兼容Firefox]
Jun 12 Javascript
基于jQuery的的一个隔行变色,鼠标移动变色的小插件
Jul 06 Javascript
jquery中获取元素的几种方式小结
Jul 05 Javascript
JQuery里面的几种选择器 查找满足条件的元素$("#控件ID")
Aug 23 Javascript
Javascript setInterval的两种调用方法(实例讲解)
Nov 29 Javascript
javascript实现时间格式输出FormatDate函数
Jan 13 Javascript
基于Bootstrap使用jQuery实现简单可编辑表格
May 04 Javascript
JavaScript 闭包详细介绍
Sep 28 Javascript
Vue cli构建及项目打包以及出现的问题解决
Aug 27 Javascript
vue实现父子组件之间的通信以及兄弟组件的通信功能示例
Jan 29 Javascript
jquery向后台提交数组的代码分析
Feb 20 jQuery
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执行速度全攻略(上)
2006/10/09 PHP
浅谈PHP正则表达式中修饰符/i, /is, /s, /isU
2014/10/21 PHP
javascript基于jQuery的表格悬停变色/恢复,表格点击变色/恢复,点击行选Checkbox
2008/08/05 Javascript
JavaScript Event学习第十一章 按键的检测
2010/02/10 Javascript
非阻塞动态加载javascript广告实现代码
2010/11/17 Javascript
jquery ajaxSubmit 异步提交的简单实现
2014/02/28 Javascript
vue项目中做编辑功能传递数据时遇到问题的解决方法
2016/12/19 Javascript
js实现瀑布流效果(自动生成新的内容)
2017/03/16 Javascript
使用Bootstrap打造特色进度条效果
2017/05/02 Javascript
详解vue-cli 脚手架项目-package.json
2017/07/04 Javascript
基于Node.js模板引擎教程-jade速学与实战1
2017/09/17 Javascript
在vue中多次调用同一个定义全局变量的实例
2018/09/25 Javascript
Node.js EventEmmitter事件监听器用法实例分析
2019/01/07 Javascript
JavaScript中0、空字符串、'0'是true还是false的知识点分享
2019/09/16 Javascript
微信小程序 多行文本显示...+显示更多按钮和收起更多按钮功能
2019/09/26 Javascript
详解Nuxt.js 实战集锦
2019/11/19 Javascript
深入理解webpack process.env.NODE_ENV配置
2020/02/23 Javascript
nginx配置域名后的二级目录访问不同项目的配置操作
2020/11/06 Javascript
python使用os模块的os.walk遍历文件夹示例
2014/01/27 Python
浅析Python中的join()方法的使用
2015/05/19 Python
Nginx搭建HTTPS服务器和强制使用HTTPS访问的方法
2015/08/16 Python
用python打印菱形的实操方法和代码
2019/06/25 Python
对python中GUI,Label和Button的实例详解
2019/06/27 Python
Python 实现黑客帝国中的字符雨的示例代码
2020/02/20 Python
python中sklearn的pipeline模块实例详解
2020/05/21 Python
HTML5、Select下拉框右边加图标的实现代码(增进用户体验)
2017/10/16 HTML / CSS
人力资源专员岗位职责
2014/01/30 职场文书
双拥工作宣传标语
2014/06/26 职场文书
挂职学习心得体会
2014/09/09 职场文书
领导班子奢靡之风查摆问题及整改措施
2014/09/27 职场文书
群众路线剖析材料
2014/09/30 职场文书
给客户的感谢信
2015/01/21 职场文书
军训结束新闻稿
2015/07/17 职场文书
2015年社区重阳节活动总结
2015/07/30 职场文书
浅谈由position属性引申的css进阶讨论
2021/05/25 HTML / CSS
详解Mysq MVCC多版本的并发控制
2022/04/29 MySQL