jQuery 选择符详细介绍及整理

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的元素。

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

相关文章

jQuery插件的种类 1、封装对象方法 这种插件是将对象方法封装起来,用于对通过选择器获取的jQuery对象进...
扩展jQuery插件和方法的作用是非常强大的,它可以节省大量开发时间。 入门 编写一个jQuery插件开始于给...
最近项目中需要实现3D图片层叠旋转木马切换的效果,于是用到了jquery.roundabout.js。 兼容性如图: ht...
一、什么是deferred对象? 开发网站的过程中,我们经常遇到某些耗时很长的javascript操作。其中,既有异...
AMD 模块 AMD(异步模块定义,Asynchronous Module Definition)格式总体的目标是为现在的开发者提供一...