如何绑定新插入的Dom元素的行为？

Question

在我的网站上，我有通过AJAX加载的按钮。如何确保我的jQuery hide()操作应用于将来插入DOM的所有按钮？ 据我所知on()仅在您注册点击事件时起作用。

<button class="myButtton">Button</button>

JavaScript的：

$(".myButton").hide();

Answer 1

.myButton {
  display: none;
}

添加内容时，将myButton类应用于元素

Answer 2

你可以使用jquery函数.on（） 这也会将行为应用于稍后添加到dom的元素。

$(document).on('click','.elementClass' , function(e){
     // do something
});

Answer 3

使用css插入时隐藏按钮更容易。 jQuery.hide（）基本上是在css display：none中。 http://api.jquery.com/hide/。

.myButton {
  display: none;
}

然后，当你准备好显示它时，只需使用$（“。myButton”）。show（）;又名display: block。