jQuery 是一個非常流行的 JavaScript 庫。它可以大大簡化 JavaScript 的編寫,特別是操作 HTML 元素和 DOM 的問題。其中,jQuery 選擇器是 jQuery 中最強大的特性之一。
在 jQuery 中,選擇器是用來選擇 HTML 元素的工具。通過 jQuery 選擇器,可以選擇要操作的 HTML 元素,然后再對其進行增刪改查等操作。其中,jQuery 子選擇器是選擇器之一。
$(“parent > child”)
上面的代碼就是 jQuery 子選擇器的基本語法。其中,parent 表示要選擇的父元素,而 child 表示要選擇的子元素。這里的“>”符號表示選擇直接子元素。
下面是一個例子:
<!DOCTYPE html> <html> <head> <title>jQuery 子選擇器示例</title> <script src="jquery.min.js"></script> </head> <body> <div> <p>父元素1</p> <ul> <li>子元素1</li> </ul> </div> <div> <p>父元素2</p> <ul> <li>子元素2</li> </ul> </div> <script> $(document).ready(function(){ $("div > ul > li").css("color", "red"); }); </script> </body> </html>
上述代碼中,我們選擇了所有 div 元素的直接子元素 ul 元素的直接子元素 li,然后改變它們的字體顏色為紅色。
使用 jQuery 子選擇器,可以更加精準地選擇要操作的 HTML 元素,從而達到更好的編寫效果。