代码之家 › 专栏 › 技术社区 › ordnungswidrig

在jQuery的新版本中,您最兴奋的是什么[关闭]

jquery javascript

ordnungswidrig · 技术社区 · 7 年前

最近发布了一个新的jQuery版本,jqueryv1.4。你可以阅读所有关于它的内容 here . 它允许你做一些非常简洁的事情,比如:

$("div.test").bind({
  click: function(){
    $(this).addClass("active");
  },
  mouseenter: function(){
    $(this).addClass("inside");
  },
  mouseleave: function(){
    $(this).removeClass("inside");
  }
});

你最喜欢这个新版本的什么?是什么让你“终于”走了?

增加奖励以获得更多反馈并接受回答

15 回复 | 直到 16 年前

Eric 16 年前

在我看来,最好的特性是允许在setter中使用函数:

jQuery('li.selected').html(function(i, li) {
   return "<strong>" + li + "</strong>";
});

许多需要$的代码。现在可以删除每个代码。

Doug Neiner 16 年前

delay() :

$("#notice").slideDown('500').delay(4000).slideUp('500'); // = Pure awesome :)

James 16 年前

jQuery() :

jQuery('<div/>', {
    id: 'foo',
    mouseenter: function() {
        // do stuff
    },
    html: jQuery('<a/>', {
        href: 'http://google.com',
        click: function() {
            // do stuff
        }
    })
});

所有非属性属性都映射到相应的jQuery方法。所以 html 会有电话的 .html() 有 click 将绑定一个新的 .click() ...

Ahmad Mageed 16 年前

我真的不太喜欢,下面是15个新功能的概述,供那些不知道这是怎么回事的人使用:

http://net.tutsplus.com/tutorials/javascript-ajax/jquery-1-4-released-the-15-new-features-you-must-know/

JasonDavis 16 年前

我是一个速度狂,所以任何速度的提高都会受到我的欢迎

James Wiseman 16 年前

对我来说是这样的:

“所有事件都可以是实时事件”

“我们非常自豪地数了数由live()支持。1.4介绍提交,聚焦,聚焦输出,鼠标输入, .live()中的委派。“

我已经等了很久了!

David Hedlund 16 年前

性能的提高当然是我所欣赏的,但我想我不能说这是一个“最终的”,因为这是一个需要不断改进的东西:)DOM构建(快速元素构造)语法看起来非常方便 detach 方法看起来也很有用:它允许您临时从DOM中删除对象,但保留分配给它的所有处理程序,以便在重新插入时以相同的方式工作。

我想我错过的东西并不多,但现在这些新功能已经面世,我急切地想开始使用:)

Luke Bennett 16 年前

James Thomas 16 年前

jedierikb 16 年前

自1.3+以来,它一直是非常模块化的。例如,当您不需要ajax库时,最好不用它来构建。保持文件大小较小。

Mark Schultheiss 16 年前

你可以说我疯了,但是增加的测试次数给我一种温暖模糊的感觉。我几乎想对每个答案都投赞成票:)_

Noah Heldman 16 年前

我认为unwrap()非常简单、优雅,最后你会得到一个innerHTML!

新的展开方法将采用给定父对象的子对象并替换家长跟他们说。像这样:

<body>
    <div>
        <p>this</p> <p>is</p> <p>fun</p>
    </div>
</body>

$('div').unwrap();

<body>
   <p>this</p> <p>is</p> <p>fun</p>
</body>

row1 16 年前

$.proxy()

确保这这那个

来自 here

MyModule = function() {
  this.$div = $('#testdiv');
  this.myString = "Hi! I'm an object property!";

  this.$div.click($.proxy(this.handleClick, this));
};

MyModule.prototype.handleClick = function() {
  console.log(this.myString); // Hi! I'm an object property!
};

var m = new MyModule();

Adhip Gupta 16 年前

live() 处理程序。我知道 live

居住 在这里: http://api.jquery.com/live/

prasanna 16 年前