jQuery 选择符详细介绍及整理

 更新时间:2016年12月02日 17:23:01   作者:程序诗人  
这篇文章主要介绍了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的元素。

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

相关文章

  • 扩展easyui.datagrid,添加数据loading遮罩效果代码

    扩展easyui.datagrid,添加数据loading遮罩效果代码

    easyui可以说是轻量级的前端UI框架,更新到1.2.1支持更多的事件,方法和属性
    2010-11-11
  • jQuery 选择器理解

    jQuery 选择器理解

    凡是运用$,其返回值是一个object $选择器主要用于选择标签.基本用法是同css的选择器.
    2010-03-03
  • 为你的网站增加亮点的9款jQuery插件推荐

    为你的网站增加亮点的9款jQuery插件推荐

    如今,jQuery插件众多,满足各种各样的应用需求。 在这篇文章中,我收集了9款很棒的插件,最喜欢的是Sausage内容分页插件,作者想法特别新颖!希望你能从中找到自己需要的插件。
    2011-05-05
  • jQuery学习笔记之总体架构

    jQuery学习笔记之总体架构

    jQuery是一个兼容多浏览器的javascript框架,核心理念是write less,do more(写得更少,做得更多)。如今,jQuery已经成为最流行的javascript框架,在世界前10000个访问最多的网站中,有超过55%在使用jQuery。那么作为一个前端设计师,怎么可能不来深入了解下jQuery呢,首先我们从他的总体构架开始吧
    2014-06-06
  • jQuery实现微信长按识别二维码功能

    jQuery实现微信长按识别二维码功能

    这篇文章主要介绍了jQuery实现微信长按识别二维码的功能,非常不错,具有参考借鉴价值,对jquery长按识别二维码的相关知识感兴趣的朋友一起学习吧
    2016-08-08
  • jQuery UI-Draggable 参数集合

    jQuery UI-Draggable 参数集合

    jQuery UI-Draggable常用参数集合。
    2010-01-01
  • jQuery实现的背景颜色渐变动画效果示例

    jQuery实现的背景颜色渐变动画效果示例

    这篇文章主要介绍了jQuery实现的背景颜色渐变动画效果,涉及事件响应及页面元素属性结合时间动态变换的相关操作技巧,需要的朋友可以参考下
    2017-03-03
  • jquery中获得元素尺寸和坐标的方法整理

    jquery中获得元素尺寸和坐标的方法整理

    这篇文章主要介绍了jquery中获得元素尺寸和坐标的方法,需要的朋友可以参考下
    2014-05-05
  • jquery修改属性值实例代码(设置属性值)

    jquery修改属性值实例代码(设置属性值)

    jQuery attr()方法用于设置/改变属性值,下面的例子演示如何改变(设置)链接中 href 属性的值
    2014-01-01
  • jQueryUI的Dialog的简单封装

    jQueryUI的Dialog的简单封装

    这几天在做一个交互的原型,第一次大量采用jQueryUI,确实非常方便好用,其中一些功能点用到了弹出确认提示框,看了jQueryUI Dialog的例子,效果还不错,就是用起来有点儿别扭
    2010-06-06

最新评论