jQuery是一個優秀的JavaScript庫,它簡化了JavaScript的許多常見任務。在Web開發過程中,我們經常需要動態地插入新元素到頁面中,這時候就需要選中這些動態插入的節點。本文將簡述jQuery如何選中動態插入節點。
// 示例1:選中單個節點 // 在頁面中添加一個p標簽 $('<p>Hello World!</p>').appendTo('body'); // 選中剛插入的p標簽 var pElement = $('body').find('p:last-child'); console.log(pElement.text()); // 輸出:Hello World! // 示例2:選中多個節點 // 在頁面中添加3個p標簽 $('<p>Hello</p><p>World</p><p>!</p>').appendTo('body'); // 選中剛插入的3個p標簽 var pElements = $('body').find('p'); pElements.each(function() { console.log($(this).text()); }); // 輸出: // Hello // World // !
以上就是選中動態插入的節點的方法,通過使用jQuery的appendTo()函數,我們可以將新的元素插入到指定的DOM元素中,并通過選擇器來選中剛插入的元素。當然,如果需要選中多個動態插入的節點,可以使用jQuery的find()函數進行篩選。
上一篇css常用屬性以及值