北京海思通科技有限责任公司
业务:haisitong@163.com
技术:470942293@qq.com
网址:http://www.haisitong.net/
QQ: 2223793800 470942293
web前端开发通常都离不开jQuery插件,本文主要介绍jQuery过滤选择器的用法和区别。首先给出结论,然后再通过例子说明。
$("A B") //查找A元素的所有后代B节点(子子孙孙)
$("A>B") //查找A元素的所有儿子B节点(儿子)
$("A+B") //查找A元素后面的第一个兄弟B节点
$("A~B") //查找A元素后面的所有兄弟B节点
接下来先给出html代码:
接下来给出jQuery代码控制部分:
代码中‘.menu a’就是选择了页面中menu标签中的4个孙子a标签和1个儿子a标签,共5个;
代码中‘.menu>a’就是选择了页面中menu标签中的全部儿子a标签,共1个(“Oracle数据库”这个a标签);
代码中‘.menu+div’就是选择了页面中menu之后第一个兄弟div标签,共1个(“hello world”这个div标签);
代码中‘.menu~div’就是选择了页面中menu之后所有兄弟div标签,共2个(“hello world”和“everyone”这两个div标签);