jQuery学习2 选择器的使用说明


Posted in Javascript onFebruary 07, 2010

1.利用CSS的基本选择器:
a:匹配所有链接<a>元素。
#*:匹配id为*的元素
.*:匹配CSS类为*的元素
a#*id.*class:匹配id为*id,并拥有CSS类为*class的链接元素。
以上是CSS中的写法,在jQuery中用$("")包起来,如:jQuery("p a.Class")

利用子选择器、容器选择器和特性选择器,以下面的为例:

<ul class="myList"> 
<li><a href=http://jquery.com>jQuery supports</a> 
<ul> 
<li><a href="css1">CSS1</a></li> 

<li><a href="css2">CSS2</a></li> 

<li><a href="css3">CSS3</a></li> 

<li>Basic XPath</li> 
</ul> 
</li> 
<li> 
<ul> 
<li>Custom selectors</li> 
<li>Form selectors</li> 
</ul> 
</li> 
</ul>

如果要选择第一个列表<li>中的所有链接做操作就应利用子选择器:ul.myList > li >a 而不能像这样ul.myList li a 因为所有这些链接<a>都是列表<li>元素的后代节点.
子选择器:父节点与直接子节点以右尖括号(>)隔开。
特性选择器:将符合特定内容的元素包起来。比如选择包含以http://开头的href值的链接:a[href^=http://]
input[type=text]:匹配type特性为text的所有<input>元素
div[title=^my]:匹配title特性值以my开头的所有<div>元素。
通过位置选择
a:first:选择器匹配页面上的第一个<a>元素
p:odd,p:even 分别匹配奇数和偶数元素
其他就不一一举例了,如有需要可到相关网站查找。
Javascript 相关文章推荐
添加JavaScript重载函数的辅助方法2
Jul 04 Javascript
IE6下js通过css隐藏select的一个bug
Aug 16 Javascript
js里怎么取select标签里的值并修改
Dec 10 Javascript
用显卡加速,轻松把笔记本打造成取暖器的办法!
Apr 17 Javascript
Android中的jQuery:AQuery简介
May 06 Javascript
简介JavaScript中的push()方法的使用
Jun 09 Javascript
jQuery实现动态表单验证时文本框抖动效果完整实例
Aug 21 Javascript
JS 验证密码 不能为空,必须含有数字、字母、特殊字符,长度在8-12位
Jun 21 Javascript
详解vue express启动数据服务
Jul 05 Javascript
深入Vue-Router路由嵌套理解
Aug 13 Javascript
JavaScript console的使用方法实例分析
Apr 28 Javascript
JS实现百度搜索框
Feb 25 Javascript
jQuery ctrl+Enter shift+Enter实现代码
Feb 07 #Javascript
JQuery 获取和设置Select选项的代码
Feb 07 #Javascript
经典海量jQuery插件 大家可以收藏一下
Feb 07 #Javascript
jQuery AnythingSlider滑动效果插件
Feb 07 #Javascript
javascript 函数速查表
Feb 07 #Javascript
js 键盘记录实现(兼容FireFox和IE)
Feb 07 #Javascript
javascript 同时在IE和FireFox获取KeyCode的代码
Feb 07 #Javascript
You might like
PHP新手上路(十一)
2006/10/09 PHP
php操作excel文件 基于phpexcel
2010/07/02 PHP
php定界符
2014/06/19 PHP
使用GDB调试PHP代码,解决PHP代码死循环问题
2015/03/02 PHP
jquery星级插件、支持页面中多次使用
2012/03/25 Javascript
JavaScript高级程序设计 阅读笔记(十二) js内置对象Math
2012/08/14 Javascript
Javascript实现返回上一页面并刷新的小例子
2013/12/11 Javascript
jquery 通过name快速取值示例
2014/01/24 Javascript
JSON中双引号的轮回使用过程中一定要小心
2014/03/05 Javascript
jquery 表格排序、实时搜索表格内容(附图)
2014/05/19 Javascript
深入探讨JavaScript、JQuery屏蔽网页鼠标右键菜单及禁止选择复制
2014/06/10 Javascript
我的Node.js学习之路(二)NPM模块管理
2014/07/06 Javascript
Angularjs制作简单的路由功能demo
2015/04/14 Javascript
nodejs和php实现图片访问实时处理
2017/01/05 NodeJs
jQuery点击页面其他部分隐藏下拉菜单功能
2018/11/27 jQuery
JavaScript this绑定过程深入详解
2018/12/07 Javascript
解决mui框架中switch开关通过js控制开或者关状态时小圆点不动的问题
2019/09/03 Javascript
Vue2.4+新增属性.sync、$attrs、$listeners的具体使用
2020/03/08 Javascript
实例讲解Python中的私有属性
2014/08/21 Python
python实现日常记账本小程序
2018/03/10 Python
Python简单生成随机数的方法示例
2018/03/31 Python
python在每个字符后添加空格的实例
2018/05/07 Python
Selenium元素的常用操作方法分析
2018/08/10 Python
Python数据类型之Tuple元组实例详解
2019/05/08 Python
pandas 选取行和列数据的方法详解
2019/08/08 Python
解决Djang2.0.1中的reverse导入失败的问题
2019/08/16 Python
Guess美国官网:美国知名服装品牌
2019/04/08 全球购物
美国在线购物频道:Shop LC
2019/04/21 全球购物
初任培训自我鉴定
2013/10/07 职场文书
家长评语大全
2014/01/22 职场文书
环保倡议书400字
2014/05/15 职场文书
大学生村官个人总结
2015/02/15 职场文书
python入门学习关于for else的特殊特性讲解
2021/11/20 Python
nginx中封禁ip和允许内网ip访问的实现示例
2022/03/17 Servers
分享几种python 变量合并方法
2022/03/20 Python
python实现学生信息管理系统(面向对象)
2022/06/05 Python