jQuery 选择器的使用(2)

作者:无常 来源:无常的blog 时间:2008-01-21 13:07:00 

支持的Axis选择器

  • Descendant Element has a descendant element

$("//div//p")

  • Child Element has a child element

$("//div/p")

  • Preceding Sibling Element has an element before it, on the same axes

$("//div ~ form")

  • Parent Selects the parent element of the element

$("//div/../p")

支持的谓词

  • [@*] 拥有一个属性
    $("//div[@*]")

  • [@foo] 拥有foo属性
    $("//input[@checked]")

  • [@foo='test'] 属性foo值为'test'
    $("//a[@ref='nofollow']")

  • [Nodelist] Element contains a node list, for example: 
    $("//div[p]")
    $("//div[p/a]")

支持的谓词,但与XPath和CSS又不同的

  • [last()] or [position()=last()]改为:last
    $("p:last")

  • [0] or [position()=0] 改为 :eq(0) or :first
    $("p:first")
    $("p:eq(0)")

  • [position() < 5] 改为:lt(5)
    $("p:lt(5)")

  • [position() > 2] 改为:gt(2)
    $("p:gt(2)")

定制的选择器

jQuery包含一些在CSS和XPath都不用到的表达式,但我们觉得它们使用起来非常方便,所以包含进来了。

下列的列表式语法基于不同的CSS选择器,但又有非常相似的名字。

  • :even 从匹配的元素集中取序数为偶数的元素

  • :odd 从匹配的元素集中取序数为奇数的元素

  • :eq(0) and :nth(0) 从匹配的元素集中取第0个元素

  • :gt(4) 从匹配的元素集中取序数大于N的元素

  • :lt(4) 从匹配的元素集中取序数小于N的元素

  • :first 相当于 :eq(0)

  • :last 最后一个匹配的元素

  • :parent 选择包含子元素(包含text节点)的所有元素

  • :contains('test') 选择所有含有指定文本的元素

  • :visible 选择所有可见的元素(display值为block 或者visible 、visibility 值为visible的元素,不包括hide域)

  • :hidden 选择所有隐藏的元素(非Hide域,且display值为block 或者visible 、visibility 值为visible的元素)

例:

$("p:first").css("fontWeight","bold");$("div:hidden").show();$("div:contains('test')").hide();

表单选择器
这是为表单提供的一些选择器:

  • :input 选择表单元素(input, select, textarea, button)

  • :text 选择所有文本域(type="text")

  • :password 选择所有密码域(type="password").

  • :radio 选择所有单选按钮(type="radio").

  • :checkbox 选择所有复选框(type="checkbox").

  • :submit 选择所有提交按钮(type="submit").

  • :image 选择所有图像域 (type="image").

  • :reset 选择所有清除域(type="reset").

  • :button 选择所有按钮(type="button").

同样也可以使用:hidden,详细说明上面已经介绍过。

$('#myForm :input')

如果你需要指定表单:

$('input:radio', myForm)

这将选择myForm表单中所有单选按钮。选择radio通常是用[@type=radio],但是这样用理精简些。

更多的选择器

jQuery选择器可以用一些第三方部件进行扩充:

无常翻译:http://wuchang.cnblogs.com

原文:"http://www.docs.jquery.com/DOM/Traversing/Selectors"

标签:jquery,选择器,XPath
0
投稿

猜你喜欢

  • 中英文双语导航菜单

    2007-05-11 17:04:00
  • sql数据库批量处理脚本

    2011-11-03 17:23:19
  • 和“登录”有关的事儿

    2009-07-10 17:37:00
  • 深底色页面设计指南[译]

    2009-08-06 18:16:00
  • Oracle收购TimesTen 提高数据库软件性能

    2010-07-21 13:03:00
  • 理解绝对定位和相对定位布局

    2009-03-19 13:53:00
  • asp如何显示SQL数据库所有表的名称?

    2010-06-08 09:30:00
  • Asp编写不再让人讨厌的自动弹出窗口

    2007-09-29 12:16:00
  • 如何做一个文本搜索?

    2010-07-12 19:00:00
  • oracle 日期函数集合(集中版本)第1/2页

    2009-06-19 17:23:00
  • CSS浏览器兼容问题整理(IE6.0、IE7.0 与FireFox)

    2008-10-27 13:45:00
  • 深入研究WINDOW.EVENT对象

    2012-04-26 16:31:58
  • Oracle 的入门心得 强烈推荐

    2009-05-24 19:55:00
  • SQL Server数据库动态交叉表的参考示例

    2009-01-04 14:44:00
  • MySQL中两种快速创建空表的方式的区别

    2008-12-17 14:34:00
  • 记录密码的asp代码

    2009-11-02 10:50:00
  • 数据库的选择原则是什么?

    2010-07-14 21:05:00
  • 快速掌握JavaScript正则表达式

    2010-01-23 11:39:00
  • 框架iframe子页面,自适应高度方法

    2008-06-07 13:31:00
  • 使用SQL Server时最容易忽略的21个问题

    2009-01-13 13:59:00
  • asp之家 网络编程 m.aspxhome.com