zoukankan html css js c++ java

$('div a') 与$('div>a')，.div+.div2与.div~.div2

$('div a'):div标签下所有层次a元素的jquery对象

$('div>a'):div标签下子元素层次a元素的jquery对象

<body>
<div class='div'>

</div>
<div class='div2'>
    
</div>
<div class='div2'>
    
</div>
</body>

.div ~ .div2{
20px;
height:20px;
background-color: red;
}

'~':这个选择器，代表class='div'相邻的所有class='div2'的元素

.div + .div2{
20px;
height:20px;
background-color: red;
}

'+':这个选择器，代表class='div'相邻的第一个class='div2'的元素

这四个符号的选择器的区别在jQuery代码里面是这样表示的

        ">": { dir: "parentNode", first: true },
        " ": { dir: "parentNode" },
        "+": { dir: "previousSibling", first: true },
        "~": { dir: "previousSibling" }

哈哈相信就懂了吧

查看全文

相关阅读:
Netty的常用概念
 netty学习
 MarkDown思考
 Xshell配置SSH秘钥登录
 Maven中避开测试环节
 Maven文件配置
 机器学习资源
 数学问题-高精度运算
 对局匹配
 发现环

原文地址：https://www.cnblogs.com/lwwen/p/5680291.html