jQuery学习笔记05-内容选择器

最新推荐文章于 2024-04-19 15:29:12 发布

weeds606

最新推荐文章于 2024-04-19 15:29:12 发布

阅读量109

点赞数

本文链接：https://blog.csdn.net/doulihang/article/details/100112021

版权

前端相关专栏收录该内容

42 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery内容选择器</title>
    <style>
        div{
            width: 50px;
            height: 100px;
            background-color: #FF0000;
            margin-top: 5px;
        }
    </style>
    <script src="jQuery/jquery-1.12.4.js"></script>
    <script>
        $(function () {
            //    编写jQuery代码
            //找到div标签中内容为空的。既没有文本，又没有标签
            var $div1 = $("div:empty");
            console.log($div1)
        //    找到div中内容不为空的
            var $div2 = $("div:parent");
            console.log($div2);
        //    找到div中文本为：我是div
            var $div3 = $("div:contains(我是div)");
            console.log($div3);
        //    找到div中子元素为p标签的
            var $div4 = $("div:has(p)");
            console.log($div4);
        })
    </script>
</head>
<body>
<div></div>
<div>我是div</div>
<div>我是</div>
<div><span></span></div>
<div><p></p></div>
</body>
</html>

weeds606

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery学习笔记05-内容选择器

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery内容选择器</title> <style> div{ width: 50px; ...
复制链接

扫一扫