了解设置JQuery变量

Question

了解设置JQuery变量

最近我被介绍了设置一个JQuery变量，如下所示通过我在StackOverflow上的另一个问题上寻找的帮助。您可以通过简单地调用变量来创建输入字段，并且看起来锚变量也定义了样式！

var clicked = $('.clicked');
var ul = clicked.children('ul');
var input = $('<input />', {
    type: 'text',
    class: 'rename',
    value: 'New Folder',
    focusout: function() {
        $(this).siblings('a').html($(this).val()).show();
        $(this).remove();
        $(anchor).parent().removeClass('clicked');
    }
});
var anchor = $('<a>', {
    href: '#',
    css: {
        display: 'none'
    }
});
ul.prepend($('<li>').append([input.select(), anchor]));

我相信我理解如何修改和重新创建上面的代码片段，我实际不了解的唯一方面是样式的设置。根据我的研究，我还没有发现任何类似的方法，我希望通过发帖来找到更多的理解。

我的目标是更频繁地理解和使用我的下一个目标是创建一个选择选项字段，其中包含最后调用.selectBoxIt()的所有选项。

的更新

我不完全确定这是否是实现此目的的最佳方式，但是由于如何创建选项列表的答案，我已经提出了解决方案;

var select = $('<select />');
var options = [
    {val : 1, text: '3 DAYS'},
    {val : 2, text: '10 DAYS'},
    {val : 3, text: '30 DAYS'},
    {val : 4, text: '60 DAYS'}
];
$('.hello').prepend(select);
$(options).each(function() {
    select.append($("<option>").attr('value',this.val).text(this.text));
});

// Because we are appending at a later date
// for the .selectBoxIt(); to work...
$(".hello select").selectBoxIt();

Answer 1

您可以从http://api.jquery.com/jquery/开始，然后向下滚动到有关创建新元素的部分。

  

从jQuery 1.4开始，jQuery（）的第二个参数可以接受普通的   由可以传递的属性的超集组成的对象   到.attr（）方法。