是否可以使用jQuery委托机制动态添加类名

Question

使用 是否可以在动态元素中添加“class”。在下面的例子中，我已经准备好了文档。我想为要动态添加的元素执行此操作，以便将“class”名称设置为“someclassname”

$.find("input[type=text],select").addClass("someclassname");

我知道我们可以使用委托方法为动态元素添加事件。但是可以动态添加类名吗？

我在下面的代码中添加“焦点”事件。但是我希望在UI中动态呈现元素时设置默认类。

$( "form" ).on("focusin","input[type=text],select", function() {
  $(this).addClass('selected');
}).on("focusout","input[type=text],select", function() {
   $(this).removeClass('selected');
});

Answer 1

您可以将事件对象的currentTarget属性作为参数传递给事件侦听器

$( "form" ).on("focusin","input[type=text],select", function(e) {
  $(e.currentTarget).addClass('selected');
}).on("focusout","input[type=text],select", function(e) {
   $(e.currentTarget).removeClass('selected');
});