1.parent返回最近一级的父级元素
2.children如果什么参数都没有的话寻找全部亲儿子,有的话寻找指定的亲儿子 (后面可以跟选择器)
3.find如果什么参数都没有的话就什么都找不到,有的话寻找指定的后代(后面可以跟选择器)
4.siblings如果什么参数都没有的话寻找全部亲兄弟,有的话寻找指定的亲兄弟 (后面可以跟选择器)
代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="jquery.min.js"></script>
</head>
<body>
<div class="father">
<div class="son">
<div>2</div>
<div>3</div>
</div>
<ul class="son"></ul>
</div>
<ul>
<li class="first">1</li>
<li class="a">2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
</ul>
<ol>
<li>0</li>
<li >0</li>
<li>1</li>
<li class="current">2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ol>
<script>
$(function()
{ const a=$('.son').parent();
console.log(a);
console.log($('.father').children('.son'));
console.log($('.father').find('.son div'));
console.log($('ul .first').siblings('.a'));
console.log($('ul li').hasClass('first'));
$('.current').css('color','red')
$('.current').next().css('color','blue')
$('.current').prevAll().css('color','yellow')
}
)
</script>
</body>
</html>
结果: