了解设置JQuery变量

了解设置JQuery变量

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

var clicked = $('.clicked'); var ul = clicked.children('ul'); var 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 = $('', { href: '#', css: { display: 'none' } }); ul.prepend($('
  • ').append([input.select(), anchor]));
  • 我相信我理解如何修改和重新创建上面的代码片段,我实际上不了解的唯一方面是样式的设置。 根据我的研究,我还没有发现任何类似的方法,我希望通过发布问题我能找到更多的理解。

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

    UPDATE

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

     var 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($("").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/并向下滚动到有关创建新元素的部分。

    从jQuery 1.4开始,jQuery()的第二个参数可以接受一个普通对象,该对象由可以传递给.attr()方法的属性的超集组成。