jQuery 选择器的使用
作者:无常 来源:无常的blog 发布时间:2008-01-21 13:07:00
jQuery的选择器是CSS 1-3,XPath的结合物。jQuery提取这二种查询语言最好的部分,融合后创造出了最终的jQuery表达式查询语言。如果你了解CSS(绝大部分WEB开发者都用到的),那么你学起来就很容易了。
相关文章推荐:jQuery中文入门教程
同时使用CSS和XPath
看几个例子:
隐藏所有包含有链接的段落:
$("p[a]").hide();
显示页面的第一个段落:
$("p:eq(0)").show();
隐藏所有当前可见的层元素:
$("div:visible").hide();
获取所有无序列表的列表项:
$("ul/li")
/* valid too: $("ul > li") */
取得name值为bar的输入字段的值:
$("input[@name=bar]").val();
所有处于选中状态的单选r按钮:
$("input[@type=radio][@checked]")
如果你对查询语言的工作原理还有疑问,可以订阅这里的邮件列表。
CSS查询器
jQuery完全支持CSS1.3。
关于CSS的一些资料查看下面的连接:
下面列出来的是支持的CSS查询器的列表式语法:
* 任何元素
E 类型为E的元素
E:root 类型为E,并且是文档的根元素
E:nth-child(n) 是其父元素的第n个类型为E的子元素
E:first-child 是其父元素的第1个类型为E的子元素
E:last-child 是其父元素的最后一个类型为E的子元素
E:only-child 且是其父元素的唯一一个类型为E的子元素
E:empty 没有子元素(包括text节点)的类型为E的元素
E:enabled
E:disabled 类型为E,允许或被禁止的用户界面元素
E:checked 类型为E,处于选中状态的用户界面元素(例如单选按钮或复选框)
E.warning 类型为E,且class属性值为warning
E#myid 类型为E,ID为 "myid"。(至多匹配一个元素)
E:not(s) 类型为E,不匹配选择器s
E F 在类型E后面的类型为F的元素
E > F 为E元素子元素的F元素
E + F an F element immediately preceded by an E element
E ~ F an F element preceded by an E element
不同之处
所有的属性选择器都被写成和XPath极其相似(因为所有的属性都以@符号开始)。
E[@foo] 拥有foo属性的E元素
E[@foo=bar] foo属性的值为bar的E元素
E[@foo^=bar] foo属性的值以字符串"bar"开始的E元素
E[@foo$=bar] foo属性的值以字符串"bar"结尾的E元素
E[@foo*=bar] foo属性的值包含有字符串"bar"结尾的E元素
不支持的部分
E:link
E:visited an E element being the source anchor of a hyperlink of which the target is not yet visited (:link) or already visited (:visited)
E:active
E:hover
E:focus an E element during certain user actions
E:target an E element being the target of the referring URI
E::first-line the first formatted line of an E element
E::first-letter the first formatted letter of an E element
E::selection the portion of an E element that is currently selected/highlighted by the user
E::before generated content before an E element
E::after generated content after an E element
jQuery不支持下列的选择器,因为这些没什么用处。
E:nth-last-child(n) an E element, the n-th child of its parent, counting from the last one
E:nth-of-type(n) an E element, the n-th sibling of its type
E:nth-last-of-type(n) an E element, the n-th sibling of its type, counting from the last one
E:first-of-type an E element, first sibling of its type
E:last-of-type an E element, last sibling of its type
E:only-of-type an E element, only sibling of its type
E:lang(fr) an element of type E in language "fr"
XPath 查询器
XPath是jQuery内置支持的一种表达式语言。jQuery支持基本的XPath表达式。
定位路径
绝对路径
$("/html/body//p")
$("/*/body//p")
$("//p/../div")相对路径
$("a",this)
$("p/a",this)
猜你喜欢
- 本文实例讲述了PHP实现的AES加密、解密封装类与用法。分享给大家供大家参考,具体如下:<?php/** * Class AES *
- Python综合应用——宿舍管理系统,供大家参考,具体内容如下/p>通过对 python 的函数,变量的应用,编写简单的关系系统实现功
- 引言最近刚刚用python写完了一个解析protobuf文件的简单编译器,深感ply实现词法分析和语法分析的简洁方便。乘着余热未过,头脑清醒
- 什么是Mosaic数据增强方法Yolov4的mosaic数据增强参考了CutMix数据增强方式,理论上具有一定的相似性!CutMix数据增强
- 思路:在腾讯疫情数据网站F12解析网站结构,使用Python爬取当日疫情数据和历史疫情数据,分别存储到details和history两个my
- 今天记录一下如何使用python收发邮件,知识要点在python内置的poplib和stmplib模块的使用上。1. 准备工作首先,我们需要
- 目录Jupyter:大数据可视化的一站式商店 Tableau:AI,大数据和机器学习应用可视化的最佳解决方案Googl
- Django带有一个form库,称为django.forms,这个库可以处理我们本章所提到的包括HTML表单显示以及验证。 接下来我们来深入
- 本节列出了可以运行MySQL的操作系统。我们使用GNU Autoconf,因此将MySQL移植到所有使用Posix线程和C++编译器的现代系
- 下面附上参考文章,这篇文章是通过识别出来的文字来打开浏览器中的默认网站。python通过调用百度api实现语音识别题目很简单,利用语音识别识
- 本文实例讲述了Python实现的各种常见分布算法。分享给大家供大家参考,具体如下:#-*- encoding:utf-8 -*-import
- 在使用Django2.0 并配置了mysql作为数据库时,启动报错:报错1:找不到mysqlclientdjango.core.except
- 前言数组类型是各种编程语言中基本的数组结构了,本文来盘点下Python中各种“数组”类型的实现。listtuplearray.arrayst
- CSS换肤技术一直是一个比较热门的话题,通过给HTML文档不同的CSS样式应用,实现完全不同或风格迥异的页面效果。这样的技术一直为大家所津津
- 汉字转为拼音的asp函数,原理:利用多维数组 1.添加索引 2.遍历数组Author: Unknowasp之家测试截图,呵呵不错:<%
- 问:把数据从MySQL迁移到Oracle需要注意些什么?答:以下是MySQL迁到Oracle需要掌握的注意事项,希望对你有所帮助。1.自动增
- VueConf ,尤大说, Vue 支持 Ts 了,网上关于 Vue + Ts 的资料有点少, 楼主踩了一个星期坑,终于摸明白了 修饰器 的
- Fabric 是基于 SSH 协议的 Python 工具,相比传统的 ssh/scp 方式,用 Python 的语法写管理命令更易读也更容易
- 所以就怀疑是否编码问题,或者文件权限问题,或者是不是函数不支持问题,经过排查发现原来是万网的L1主机不支持fsockopen,在文件uc_c
- 本文将遍历批量数据点并让TensorFlow更新斜率和y截距。这次将使用Scikit Learn的内建iris数据集。特别地,我们将用数据点