jQuery 是一個廣泛使用的 JavaScript 庫,它簡化了 HTML 文檔遍歷、事件處理、動畫效果以及 AJAX 等操作。在使用 jQuery 中,我們經常需要選擇元素,而選擇父類和子類的方法是經常使用的。接下來介紹如何使用 jQuery 選擇父類和子類。
// 選擇子類 $(document).ready(function(){ $("p").click(function(){ $(this).hide(); // 隱藏當前被點擊的自己 }); }); // 選擇父類 $(document).ready(function(){ $("span").click(function(){ $(this).parent().css({"color": "blue", "border": "2px solid blue"}); // 獲取并修改父親元素的樣式 }); });
在上面的代碼中,我們使用了 jQuery 中的 click()、hide() 和 parent() 方法。其中,click() 方法是監聽元素被點擊的事件,hide() 方法是隱藏當前被點擊的元素,parent() 方法是獲取當前元素的父親元素。另外,我們為父親元素添加了一些樣式,修改了其顏色和邊框。
綜上所述,使用 jQuery 選擇父類和子類是非常簡單的,只需要添加相應的選擇器即可。在實際開發中,我們可以根據需求選擇使用父類或子類,并根據需求添加相應的邏輯。