将class属性设置为元素不适用于javascript和jquery

Setting class attribute to an element does not work with javascript and jquery?

本文关键字：适用于 javascript jquery 不适用 元素 class 属性 设置      更新时间：2023-10-01

我有以下几行代码：

jQuery

$(".datepicker").datepicker({
    showOn: "button",
    buttonImage: "images/calendar.gif",
    buttonImageOnly: true,
    dateFormat: "MM d, yy",
    changeMonth: true,
    changeYear: true
});

Javascript

var element1 = document.createElement("input");
element1.type = "text";
element1.setAttribute("class", "datepicker");

假设我在javascript中创建的元素必须是一个日期选择器，所以我将其类设置为jQuery代码中定义的"日期选择器"。但这东西不起作用。

有什么可能的解决方案吗？设置css中定义的类对我有用，但这一点。

只要jQuery代码在元素被创建并附加到DOM后运行，您所做的工作就应该非常好。

$(document).append($('<input/>', {
  'class': 'datepicker',
   type: 'text'
})).on('click', function() {
  $(this).datepicker({
        showOn: "button",
        buttonImage: "images/calendar.gif",
        buttonImageOnly: true,
        dateFormat: "MM d, yy",
        changeMonth: true,
        changeYear: true
    });
})

为什么不使用jQuery？

$('input').addClass('datepicker');
相关文章：