Jquery是一種廣泛使用的JavaScript庫,它使得開發者可以更容易地操縱HTML文檔、處理事件等操作。其中,被點擊的父元素是Jquery中很常見的一個操作,下面我們來看一下如何實現。
<div class="parent"> <p>我是父元素</p> <button>點擊我</button> </div> <script> $(document).ready(function() { $('button').click(function() { $(this).parent().css('background-color', 'yellow'); }); }); </script>
在這個例子中,我們定義了一個class為parent的div作為父元素,其中包含一個p標簽和一個button按鈕。當用戶點擊button按鈕時,觸發了click事件,使用Jquery選擇器$(this)獲取當前點擊的button元素,然后使用.parent()方法獲取button元素的主要祖先元素,即為父元素。最后,我們設置父元素的背景顏色為黃色。
在實際開發中,我們可以根據需要修改選擇器和代碼,以及設置不同的操作來滿足自己的要求。通過使用Jquery選擇器和方法,我們可以在JavaScript中更加高效地處理頁面操作和事件。
上一篇div hover浮動
下一篇div id=page