服务电话:13693293278

客服咨询QQ:470942293

 
网站首页
公司介绍
付款方式
联系我们
Logo说明
合作伙伴
企业型网站建设
商务型网站建设
Flash型网站建设
定制型网站建设
OA系统开发
ERP系统开发
MIS系统开发
MES系统开发
移动开发Android
移动开发iOS
微信二次开发
网站维护
建站流程
功能模块
程序语言
静态生成
域名选择
网站上传
网站备案
网站维护
最新动态
行业资讯
Python
ThinkPHP
jQuery
PHP
Div+CSS
MySQL
Oracle

技术文章

Python
ThinkPHP
jQuery
PHP
Div+CSS
MySQL
Oracle

北京海思通科技有限责任公司
业务:haisitong@163.com
技术:470942293@qq.com
网址:http://www.haisitong.net/
QQ: 2223793800 470942293

jQuery过滤选择器

发布日期:2020-07-11 11:13:07

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标签);




Copyright@(2010-2024) 北京海思通科技有限责任公司 客服邮箱:haisitong#163.com(请将#换成@)
京ICP备19051925号