如何来使用jquery动态的往页面添加元素

Posted 2023-05-12

参考技术A 可以使用append，appendTo，或者直接写
$(id).append(dom)
dom.appendTo($(id))
$(id).html(dom)本回答被提问者和网友采纳 参考技术B $('.test').append();

jquery append添加的元素用jquery无法获取到

当获取 $("#art-list")页面元素后去在后面追加标签的时候（append），在下面用 $(selector) 获取刚刚添加的标签，发现怎么都获取不到。

因为页面已经将JS加载完毕，此时新增请求动态添加节点，自然获取不到,也不会为append的元素初始化添加事件

需要事件委托才能获取到节点，也就是说要用：

$(selector).on(events,[selector],[data],fn)

参数    描述
events    一个或多个用空格分隔的事件类型和可选的命名空间
selector    可选。一个选择器字符串，用以过滤选定的元素，该选择器的后裔元素将调用处理程序。如果选择是空或被忽略，当它到达选定的元素，事件总是触发。
data    可选。作为event.data属性值传递给事件对象的额外数据对象以供事件处理函数处理
fn     该事件被触发时执行的函数。 false值也可以做一个函数的简写，返回false