jQuery选择器

Posted 2020-09-02 阿柴

1) jQuery选择器是什么

2) jQuery选择器的优势

　　完善的处理机制，即使网页中没有此元素，也不会报错

　　$("#tt")获取的永远是对象，当用jQuery来检查网页中某个元素是否存在时，不能使用以下代码

　　if( $("#tt") ){

　　　　//do something

　　}

　　应该根据获取元素的长短来判断

　　if( $("#tt").length>0 ){

　　　　//do something

　　}

　　或者是转换成为DOM对象来判断

　　if( $("#tt")[0] ){

　　　　//do something

　　}

3) jQuery选择器

　　1) 基本选择器

　　　　1) #id

　　　　2) .class

　　　　3) element

　　　　4) selector1,selector2,.....selectorN

　　　　5) *

　　2) 层次选择器

　　　　1) ancestor descendant  选择所有的后代

　　　　2) parent>child   选择子代

　　　　3) prev+next   选择prev相邻的下一个同辈元素

　　　　4) prev~sinlings   选择prev后面的所有同辈元素

　　　　可以使用next()方法代替$("prev+next")

　　　　使用nextAll()方法代替$("prev~siblings")

　　　　siblings()方法与前后位置无关，只要是同辈节点都可以匹配

　　3) 过滤选择器

　　　　1) 基本过滤选择器

　　　　2) 内容过滤选择器

　　　　3) 可见性过滤选择器

　　　　4) 属性过滤选择器

　　　　5) 子元素过滤选择器

　　　　6) 表单对象属性过滤选择器

　　　　

　　4) 表单选择器