$().children(selector)
selector 是一個選擇器,用來查詢符合條件的子元素。selector 是一個可選引數,當引數省略時,表示選擇所有子元素;當引數沒有省略時,表示選擇符合條件的子元素。<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style lang=""> p{margin:6px 0;} </style> <script src="js/jquery-1.12.4.min.js"></script> <script> $(function(){ $("#wrapper").hover(function(){ $(this).children(".select").css("color", "red"); },function(){ $(this).children(".select").css("color", "black"); }) }) </script> </head> <body> <div id="wrapper"> <p>子元素</p> <p class="select">子元素</p> <div> <p>孫元素</p> <p class="select">孫元素</p> </div> <p>子元素</p> <p class="select">子元素</p> </div> </body> </html>預設情況下,預覽效果如圖 1 所示。