好记心不如烂笔头之JQuery学习,第二章

时间:2021-11-01 01:59:10

jQuery获取元素不需要担心元素不存在而报错,但是无论怎样

$("#xxx")

  是一定会有返回值的,无论存不存在元素,那么依然是要对元素做判断的,判断的方法常见两种

1、看返回的数组长度

  

if($("#xxx").length>0)
{
//todo
}

2、转换成DOM对象进行判断

if($('#xxxx')[0]){
//statement
} if($('#xxxx').get(0)){
//statement
}

3、jQuery选择器

jQuery选择器和CSS极其类似,#xxx选ID,.xxx选类,.xxx.yyy类下子类这些就不说了

关键在于层次选择器:

$("xxx yyy")xxx元素内的所有后代元素(子子孙孙无穷尽也)

$("xxx>yyy") xxx元素的yyy子元素(只是一代!孙子就没事儿了)

$("xxx+yyy")xxx元素后的第一个(同辈)yyy元素等价于$("xxx").next("yyy");

$("xxx~yyy")xxx元素后的所有(同辈)yyy元素等价于$("xxx").nextAll("yyy");

4、选择过滤器

具体不言表了,用到的的时候查文档便是

  选择器要十分注意空格,有空格是之内的,没空格是本身