jQuery 是一個快速、小巧、功能豐富的 JavaScript 庫。它提供了一種簡易的方式來處理 HTML 文檔、事件處理、動畫效果等等。
在 jQuery 中,可以使用選擇器來選擇不同的 HTML 元素,包括這些元素的父元素、子元素、兄弟元素等等。下面我們來看看如何選擇下面一級的元素。
// HTML 代碼如下 <ul> <li>菜單1 <ul> <li>子菜單1</li> <li>子菜單2</li> <li>子菜單3</li> </ul> </li> <li>菜單2</li> <li>菜單3</li> </ul> // jQuery 代碼如下 $("li").click(function(){ $(this).children("ul").toggle(); });
上面的代碼中,我們使用了children()
方法來選擇當前元素下面一級的子元素,即<ul></ul>
。然后使用toggle()
方法來切換該子元素的顯示與隱藏。這樣點擊菜單 1 的時候,子菜單 1、子菜單 2、子菜單 3 就會顯示或隱藏。
總之,使用 jQuery 的選擇器和方法,我們可以很輕松地選擇和操作 HTML 元素,使得網頁開發變得更加便捷和高效。