jQuery实战:创建元素包装集,选择将被操作的元素
来源:互联网 发布:网络扑克制作 编辑:程序博客网 时间:2024/06/06 01:47
看完你能学到什么?
1、利用基本CSS选择器
2、利用子选择器、容器选择器和特性选择器
3、通过位置选择
4、利用自定义jQuery选择器
几乎使用任何jQuery方法的时候,我们必须做的第一件事,就是选择将被操作的页面元素。有时,想要选择的元素集合是易于描述的,例如“页面上的所有链接元素”。有时,需要比较复杂的描述,比如“拥有CSS类leftchild的偶数的段落 ”。
庆幸的是,jQuery提供了健壮的选择器语法,让我们能轻松,优雅和简明地指定几乎人和元素集合。现在我们就来学习一下jQuery强大的选择器功能。
利用基本CSS选择器
a:这个选择器匹配所有链接(< a >)元素
#specialID:这个选择器匹配id为specialID的元素
.spcialClass:这个选择器匹配拥有CSS类specialClass的元素
- p a .specialClass:这个选择器匹配拥有CSS类specialClass、在< p >元素内声明的链接元素
利用子选择器、容器选择器和特性选择器
子选择器:
p>a:选择只匹配< p >元素的直接子节点的链接
ul>li>a:选择ul的直接子节点li的直接子节点的链接
容器选择器:
li:has(a):这个选择器匹配包含< a >元素的所有< li >元素
特性选择器:
a[href^=http://]:这个选择器匹配包含以http://开头的所有链接
input[type=text]:匹配type特性值为text的所有< input >元素
补充一下:jQuery所支持的基本CSS选择器
通过位置选择
这里我就列举几个,有需要的可以查看jQueryAPI文档
a:first 此格式的选择器匹配页面上的第一个< a >元素
p:odd 匹配所有序数为奇数的段落元素
p:even 匹配所有序数为偶数的段落元素
li:last-child 选择父元素的最后子节点
:eq(n) 第n个匹配元素(n从0开始)
:gt(n) 第n个匹配元素(不包括)之后的元素(n从0开始)
:lt(n) 第n个匹配元素(不包括)之前的元素(n从0开始)
利用自定义jQuery选择器(这里列举少量的)
小结:
jQuery的选择器多种多样,大家可以根据自己的习惯来选择,基本上都可以指定任何元素的集合。
本文作者:By:罗坚元 http://blog.csdn.net/sunyuan_software
- jQuery实战:创建元素包装集,选择将被操作的元素
- jQuery实战学习笔记(一)-选择要操作的元素和管理包装集
- jQuery实战笔记(二)-创建元素包装集
- jquery之选择将被操作的元素(CSS选择器)
- 【《jQuery实战》学习笔记02】第二章 创建元素包装集(jQuery对象)
- jquery获取父元素以及操作包装集中的元素
- jquery之选择将被操作的元素(通过位置选择)
- jquery之选择将被操作的元素(利用自定义jquery选择器)
- jQuery第二课 ——节点选择、元素创建与操作、包装对象、jq转原生js
- 管理jQuery包装集元素
- jQuery-第2节-jQuery创建元素、包装集的处理
- jquery随记(DOM操作)---包装元素
- jquery之管理包装元素集合(筛选元素包装集之获取包装集的子集,slice()方法的使用)
- 总结一下jQuery操作元素节点的方法(创建、选择、插入节点)
- JQuery Tips----关于$()包装集内元素的改变
- jQuery学习之元素包装集
- jquery之管理包装元素集合(筛选元素包装集之添加更多元素到包装集,add()方法的使用)
- Jquery选择元素的方法
- wxWidgets Tips: Compile wxWidgets 3.0.2 using Visual Studio 2013 (2)
- 博客前言
- Jenkins源码分析
- mac 下查找文件以及文件夹
- Java产生随机数
- jQuery实战:创建元素包装集,选择将被操作的元素
- UIButton
- Python MD5加密
- 使用keepalived实现双机热备
- java之String对象的比较
- ubuntu常用命令
- 在Excel里快速插入目录
- [LeetCode] Remove Duplicates from Sorted Array
- 表单提交