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("没有找到对应的元素!"); }