jQuery 选择器理解


$的选择器部分:
凡是运用$,其返回值是一个object
$选择器主要用于选择标签.基本用法是同css的选择器.但是,很让人兴奋的是,他支持常见的浏览器,而css中很多选择器是IE6所不支持的.
1.基本选择器(3种): ----凡是运用$,其返回值是一个object
$("标签名"),如$("p")是选取了所有的p标签节点
$("#id名"),如$("#test")是选取了id为test的标签节点
$(".class名"),如$(".test")是选取了所有class为test的标签节点
上面的$("标签名")和$(".class名")返回的都是所有满足的节点,至于进一步筛选可以添加一些函数,如eq,gt,lt等等.
2.组选择器: ----3种基本选择器的组合,“,”隔开
下面还是现做一个约定:把"标签名或#id名或.class名"记作mix,则mix表示一个标签名,或一个#id或一个.class.
$("mix,mix,mix,..."),如:$("div,#test1,p,.test2,#test3")

3.后代选择器: ----3种基本选择器的组合,“ ”隔开,直系皆生效
$("mix mix"),当然可以是多个嵌套,但后代选择器可以是深层子代,所以$("mix mix mix ...")这种写法作用不大.例子:$("div .test"):在div标签内的所有具有test的class的后代元素(就是被div嵌套的class属性为test的标签)

4.子选择器: ----3种基本选择器的组合,“>”隔开,只亲子有效
$("mix>mix"),这个放在后代选择器后面是为了和它做对比.子选择器只能选择第一代子代.不处理深层嵌套.例子:
$("div>.test")
<div><p class="test"></p></div>对这里的p段落标签有效.但对
<div><p><p class="test"></p></p></div>对这里的p段落标签无效,这里要用
$("div .test)
5.临近选择器: ----3种基本选择器的组合,“+”隔开,只下一个兄弟节点
$("mix+mix"),选取下一个兄弟节点.如:$("div +#test"),id为test的的节点必须是div的下一个兄弟节点.
<div></div><p id="test"></p>在$("div + #test")中能取到p段落节点
<div></div><p></p><p id="test"></p>则不能取到
6.属性选择器: ----“ |=|^|$|*”
把属性选择器不放在css选择器里面是因为jQuery中写法是不一样的.至于css中写法可以参考我之前写的一篇css的选择器一文.jQuery中是和xPath类似的写法:
$("mix[@attr]"):选取所有该mix且具有attr属性的节点
$("mix[@attr=a_value"]):选取所有该mix且具有attr属性并满足属性值为a_value的节点
$("mix[@attr^=a_value_head"]):attr属性的属性值是以a_value_head开头的
$("mix[@attr$=a_value_end"]):attr属性的属性值是以a_value_end结尾的
$("mix[@attr*=a_value"]):attr属性的属性值中包含a_value

7. 限定选择器:
这个名称是我自己起的,其实选择器组合都有限定的意思,你明白后面所介绍的知识即可.
具有限定子节点选择器:$("mix1[mix2]"):返回包含mix2的mix1节点.如:$("div[a]"):包含a标签的div.
这个和$("div a")不相同.后者表示div中的a标签,返回的是a标签对象,前者返回的是div标签对象
冒号限定结点选择器:$("mix:condition"):mix标签,并且满足限定条件.
E:root:类型为E,并且是文档的根元素
E:nth-child(n):是其父元素的第n个类型为E的子元素 ,基数从1开始
E:first-child:是其父元素的第1个类型为E的子元素
E:last-child:是其父元素的最后一个类型为E的子元素
E:only-child:且是其父元素的唯一一个类型为E的子元素



相关阅读:
Linux系统下安装bind后配置实现DNS功能
四种方法在SQL Server数据库中成批导入数据
获取 Google PR 代码(PHP版本)
请看用javascript设置和读取cookie的简单例子
表单和控件
js RuntimeObject() 获取ie里面自定义函数或者属性的集合
在Linux系统下建立Samba用户
javascript asp教程第六课-- response方法
Js 中debug方式
MySQL数据库和oracle的区别和选择
php 接口类与抽象类的实际作用
Linux比其他操作系统支持的硬件多
封装了一个js图片轮换效果的函数
Oracle ERP开发基础之数据导入工具
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 大学农业银行实习周记范文1000字 励志英语句子 坚持高标准推进基层建设争做基层基础管理样板队 调查报告的实例一 南盟的发展进程及发展前景 我的天空、少了你,我还能飞翔?、 来往于生命中的人 咱们工人有力量 歌词 串词 朗诵词 初三600字军训作文篇论创新 四季的感动作文1900字 我爱的海星作文500字 举世瞩目反义词_举世瞩目近义词 雪中漫步作文600字 描写桃花的优美散文 初中初一作文650字:小鸟报恩 程炳浩创办开心网的几个小插曲 读《詹天佑》有感作文1100字 一个走运的人 在市财税系统调研时的讲话 请好好珍惜自己的女友 赞美山茶花的句子 多丽(寿刘帅) 得到幸福 高中高三作文1500字:人生永远的彩虹 诚信 优美亲情散文-孝心 善待自己的同时请善待陌生人 成长中的挫折作文800字 假如有一天我离去 幻境作文900字 社区主任述职报告两篇 家乡的变化调查报告1500字 黄季刚辱骂胡适的故事 三头“牛牛”的威风作文1000字 转身,要比眼泪快 深奥的句子 毕业求职信范文 网恋孽缘 六月安全月活动总结 关于文章审核评语问题,主编,文思儿 原来,幸福可以这么简单 再一次祝妳生日快乐... 2012年教师节 描写人物眼睛清澈的句子 2016年5月23日 死亡作文450字 我喜欢的一本书300字 自传难写 浅析教师的职责 遭遇两反一保的国家应如何应对的建议 小学六年级作文650字:悄悄地来,悄悄地走

Copyright © 2016 phpStudy |