jQuery是一個非常好用的JavaScript框架,它為我們提供了許多方便的方法來操縱HTML元素。在jQuery中,我們可以使用.children()方法來獲得一個元素的直接子元素。
下面是一個演示代碼:
// HTML代碼 <div> <p>直接子元素1</p> <ul> <li>子元素1-1</li> <li>子元素1-2</li> </ul> <p>直接子元素2</p> </div> // jQuery代碼 var directChildren = $('div').children(); console.log(directChildren);
在上面的代碼中,我們首先通過選擇器選擇了一個div元素,然后使用.children()方法獲取了它的直接子元素。最后使用console.log()將結果打印出來。
在執行結果中,我們可以看到直接子元素為兩個p元素和一個ul元素,因為ul元素中的li元素并不是div元素的直接子元素。
總的來說,使用jQuery的.children()方法可以方便地獲取元素的直接子元素,讓我們的代碼編寫更加便捷。