代码改变世界

JQuery选择器

2012-05-28 11:15  just doo it  阅读(230)  评论(0)    收藏  举报

JQuery主要有如下选择器:

1、ID选择器$("#id"),即根据控件的id来获取该html元素,相当于javascript的getElemenById("id");

2、$("TagName"),根据控件的标签名来获取符合条件的html元素,相当于javascript的getElementByTagName("TagName").比如$("div")获取所有div元素;

3、css选择器$(".cssName"),用于获取具有相同样式cssName的所有html元素;

4、多条件选择器,比如$("div,p,span.menuitem"),用于选择出所有div标签、p标签和拥有menuitem样式的span标签;

5、层次选择器:

a、$("div li"),选择div下的所有li元素(后代,子,子的子,·····)

b、$("div>li"),选择div下的直接li元素

c、$(".menuitem+div"),选择样式名为menuitem之后的第一个div元素

d、$(".menuitem~div"),选择具有menuitem样式的所有div元素

 

注意:JQuery选择器返回的是一个数组对象,调用text()、val()这些方法时,会迭代的给每个元素赋以这些方法,这就是JQuery的隐式迭代,所以当用Id选择器选择某html元素时,即使找不到也不会报错,此时可以用如下代码检查有没有找到指定Id的元素

if($("#btn1").length<=0)
{
     alter("没有找到对应的元素!");
}