jQuery选择器 – 基本(Basics)

本文是jQuery选择器系列之基本(Basics).
在继续学习之前,我们必须具备一些jQuery的基本知识,至少要知道jQuery是使用”$”作为替代符,而且要了解HTML与CSS知识等.

这个Basics在jQuery选择器中是最好掌握,也是使用最多的部分了.因为我们在制作简单的页面效果时是不需要采取多么的复杂的dom选择的.
API文档中把它分为了六部分:

• #id
• element
• .class
• .class.class
• *
• selector1, selector2, selectorN

#id

用法: $(“#myDiv”);
说明: 这个就是直接选择html中的id=”myDiv”,值得注意的是:如果选择器中包含特殊字符，可以用两个斜杠(//)转义,至少,”.”, “[", "]” 是特殊字符.选择符内可以把双引号改为单引号,不过在复杂点的获取DOM的时候,单引号总是会引发歧义或错误,还是使用双引号吧.

element

用法: $(“div”);
说明: element的英文翻译过来是”元素”,所以element其实就是html已经定义的标签元素,例如 div, input, a 等等.

.class

用法: $(“.myClass”);
说明: 这个标签是直接选择html代码中class=”myClass”的元素或元素组(因为在同一html页面中class是可以存在多个同样值的).

.class.class

用法: $(“.myClass.myOtherClass”);
说明: 这个用法貌似是新的,意思就是仅匹配html中class=”myClass myOtherClass”的元素,而class=”myClass”和class=”myOtherClass”这样的class是不匹配的.

*

用法: $(“*”);
说明: 匹配所有元素,多用于结合上下文来搜索.目前我还没用上它,不过看说明说是用来结合搜索用的,那么肯定会在大规模应用中用到吧.

selector1, selector2, selectorN

用法: $(“div,span,p.myClass”)
说明: 将每一个选择器匹配到的元素合并后一起返回.你可以指定任意多个选择器,并将匹配到的元素合并到一个结果内.其中p.myClass是表示匹配元素p class=”myClass”