jquery的筛选方法-11

简介: jquery的筛选方法-11

图片.png

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./js/jquery.min.js"></script>
</head>
<body>
    <div class="yeye">
        <div class="parent">
            <div class="son"></div>
        </div>
    </div>
    <div class="nav">
        <p>我是儿子</p>
        <div>
            <p>我是p</p>
        </div>
    </div>
    <script>
        //父子 最近一级的付清元素
        $(function() {
            console.log($(".son").parent())
        });
        //子
        /* $(".nav").children("p").css("color","red"); */
        $(".nav").find("p").css("color", "red");
        //兄弟
    </script>
</body>
</html>

运行结果

图片.png

相关文章
|
4月前
|
JavaScript
jQuery 遍历 方法
jQuery 遍历 方法
38 5
|
3月前
|
XML JavaScript 数据格式
jquery中html()方法的使用
jquery中html()方法的使用
32 1
|
3月前
|
前端开发 JavaScript
jQuery - AJAX load() 方法
jQuery load() 方法是简单但强大的 AJAX 方法。
61 6
|
4月前
|
JavaScript
jQuery parentsUntil() 方法
jQuery parentsUntil() 方法
34 10
|
4月前
|
JavaScript 前端开发
jQuery 杂项方法
jQuery 杂项方法
36 2
|
4月前
|
JavaScript
jQuery 效果 方法
jQuery 效果 方法
19 3
|
4月前
|
JavaScript 前端开发
jQuery - noConflict() 方法
jQuery - noConflict() 方法
28 5
|
4月前
|
JSON 前端开发 JavaScript
jQuery AJAX 方法
jQuery AJAX 方法
44 1
|
4月前
|
XML 前端开发 JavaScript
jQuery HTML / CSS 方法
jQuery HTML / CSS 方法
22 2
|
4月前
|
JavaScript
jQuery parents() 方法
jQuery parents() 方法
68 7