jQuery学习笔记05-内容选择器 喜欢ヅ旅行 2024-04-17 15:33 22阅读 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>
还没有评论,来说两句吧...