jQuery是一種流行的JavaScript庫,可以大大簡化網頁中的JavaScript編程。有時候我們需要選擇父窗口元素,這時候jQuery提供了一些方法來幫助我們簡化代碼。
//選擇父級元素 $(document).ready(function(){ $("button").click(function(){ $(this).parent().css("background-color", "red"); }); }); //選擇特定父級元素 $(document).ready(function(){ $("button").click(function(){ $(this).parents("#div1").css("background-color", "red"); }); });
以上代碼演示了兩種選擇父級元素的方法。第一種方法使用了parent()方法來選擇直接的父級元素,第二種方法使用了parents()方法來選擇特定的父級元素。在第二種方法中,我們使用了ID選擇器來選擇ID為"div1"的父級元素。
//選擇最近的父級元素 $(document).ready(function(){ $("button").click(function(){ $(this).closest("div").css("background-color", "red"); }); });
以上代碼演示了另一種選擇父級元素的方法。closest()方法選擇最近的父級元素。在以上例子中,我們選擇最近的div元素作為父級元素,并將其背景顏色設為紅色。