Creating the wrapped element
jQuery的选择器
原 文的标题就是这样,按照字面的意思还真是不好理解,这里就翻译成jQuery的选择器,我想作者的意思就是说,如何降DOM元素构造成jQuery对 象,jQuery对象是一个数组包裹(包含)DOM对象的对象,所以标题写成这样也是没有问题的,不过不懂jQuery的人还真不好理解,我个人觉得用选 择器比较明白,如果大家还有什么好的翻译可以给我提意见。
上 一章我们讨论了jQuery的$()方法的使用(上一章好像也没有怎么讨论哦),他会自动识别被选中的元素只有在加载完成的时候才执行绑定在上边的函数 (这个我说明一下,如果我们自己写就js的时候,要对一个元素进行操作的时候,一般就会写一个元素之后,写在之前的时候浏览器就会报错,提示元素不存在, 而在用jQuery的时候就不存在,因为jQuery首先会判断该元素是不是加载完成,避免js的异常而终止程序)。
这章我们主要研究jQuery的选择器,$()函数本身有两个强大的功能:一个就是选择器,选择DOM元素,还有一个功能是创造DOM元素的功能。
在强大的RIA页面上,就需要很多元素需要操作(控制),在我们处理这些元素之前就必须选中该元素,jQuery中给我们提供了很多选中的方法,下边逐个说明。
2.1 选择元素
首先我们应该知道jQuery为我们提供那些方法可供选择器使用,一般情况我们都是需要简单的选择器,在特殊应用的时候我们就需要写复杂的选择器,这里我先说明一下,阅读的人最好还是看看Xpath的语法。
很庆幸的是,jQuey提供的选择器语法和CSS的语法是一样的(就是Xpath赶紧去看吧),其他的废话翻译就省略了。
原文说是做了一个selector.html上边做了很完整的元素和选择器来协助我们学习选择器,但是我也没有找到那里有这个文件,有的人贡献出来。
2.2 css基础选择器
Html的页面的元素基本上都是相似的,jQuery的选择器就可以像CSS的写法一样,进行选择。CSS定义可以做到标签名称,ClassName,ID,jQuery的语法和他类似。
下边举几个例子:
A --------就是选中超链接,代码$('A');
#SpecialID----------选中Id为SpecialID的元素,代码$('#SpecialID');
.SpecialClass--------选中class为SpecialClass的元素,代码$('.SpecialClass');
A#SpecialID.SpecialClass------选中Id为SpecialID,class为SpecialClass的超链接;
选中p标签下class为SpecialClass的超链接;