14-jQuery內容選擇器
阿新 • • 發佈：2018-12-02
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>14-jQuery內容選擇器</title> <style> div{ width: 50px; height: 100px; background: red; margin-top: 5px; } </style> <script type="text/javascript" src ="https://code.jquery.com/jquery-1.12.4.js"></script> <script> $(function () { //:contains(text) 作用：找到指定文字內容的指定元素 var $div3 = $("div:contains('我是div')"); console.log($div3); //:has(selector) 作用:找到包含指定子元素的指定元素 var $div4 = $("div:has('span')"); console.log($div4); //:parent 作用:找到有文字內容或有子元素的指定元素 var $div2 = $("div:parent"); console.log($div2); //:empty 作用:找到沒有文字內容也沒有子元素的指定元素 var $div1 = $("div:empty"); console.log($div1); }); </script> </head> <body> <div></div> <div>我是div</div> <div>我是div123</div> <div><span></span></div> <div><p></p></div> </body> </html>