javascript – 了解设置JQuery变量

2023年4月25日 139次阅读

了解设置
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()的所有选项.

UPDATE

我不完全确定这是否是实现这一目标的最佳方式,但是我已经提出了一个解决方案,这要归功于如何创建选择选项列表的答案;

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();

最佳答案 您可以从这里开始
http://api.jquery.com/jquery/并向下滚动到有关创建新元素的部分.

As of jQuery 1.4, the second argument to jQuery() can accept a plain
object consisting of a superset of the properties that can be passed
to the .attr() method.

点赞