blocks|key|322954|text|我认为最好的特性是允许setter中的函数：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|322955|jQuery('li.selected').html(function(i,+li)+{
+++return+""+%2B+li+%2B+"";
});|code-block|syntax|javascript|322956|现在可以删除大量需要$.each的代码。|322957|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Best feature in my opinion is allowing functions in setters:

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

A lot of code that required $.each can be removed now.

blocks|key|3281781|text|信不信由你，对我来说，“最后”时刻是delay()的加入|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3281782|$("#notice").slideDown('500').delay(4000).slideUp('500');+//+=+Pure+awesome+:)|code-block|syntax|javascript|3281783|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/delay/^0|I|7|I|7|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@$9|V|A|W|1|X]]|E|$]]|$1|F|3|G|5|H|7|Y|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|L|$M|$5|N|O|P|E|$Q|R]]]]

Believe it or not, the "FINALLY" moment for me was the addition of <a href="http://api.jquery.com/delay/" rel="nofollow noreferrer"><code>delay()</code></a>:

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

blocks|key|3281854|text|能够以更简洁的方式动态创建元素，方法是将所有属性作为第二个参数传递给jQuery()|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3281855|jQuery('<div/>',+{
++++id:+'foo',
++++mouseenter:+function()+{
++++++++//+do+stuff
++++},
++++html:+jQuery('<a/>',+{
++++++++href:+'http://google.com',
++++++++click:+function()+{
++++++++++++//+do+stuff
++++++++}
++++})
});|code-block|syntax|javascript|3281856|所有非属性属性都映射到相应的jQuery方法。所以让html在那里调用.html()，让click通过.click()绑定一个新的click事件...|3281857|entityMap^0|Y|8|0|0|Q|4|Z|7|18|5|1F|8|1T|5|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|S|8|@$9|T|A|U|B|C]|$9|V|A|W|B|C]|$9|X|A|Y|B|C]|$9|Z|A|10|B|C]|$9|11|A|12|B|C]]|D|@]|E|$]]|$1|M|3|-4|5|6|7|13|8|@]|D|@]|E|$]]]|N|$]]

The ability to create elements on the fly in a more terse manner, by passing all attributes as the second argument to <code>jQuery()</code>:

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

All non-attribute properties map to the corresponding jQuery method. So having <code>html</code> there will call <code>.html()</code> and having <code>click</code> will bind a new <code>click</code> event via <code>.click()</code>...

blocks|key|3281806|text|我真的没有什么最喜欢的，这里为那些不知道这是什么的人概述了15个新功能：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3281807|http://net.tutsplus.com/tutorials/javascript-ajax/jquery-1-4-released-the-15-new-features-you-must-know/|offset|length|3281808|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|2W|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

I don't really have a favorite, here's an overview of 15 new features for those who don't know what this is all about:

<a href="http://net.tutsplus.com/tutorials/javascript-ajax/jquery-1-4-released-the-15-new-features-you-must-know/" rel="nofollow noreferrer">http://net.tutsplus.com/tutorials/javascript-ajax/jquery-1-4-released-the-15-new-features-you-must-know/</a>

blocks|key|319951|text|我是个速度狂，所以任何速度的提高都会受到我的欢迎。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|319952|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I am a speed freak so any speed improvement is always welcomed by me

blocks|key|322914|text|对我来说是这样的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|322915|322916|“所有活动都可以是现场活动”|blockquote|322917|322918|“我们非常自豪能在live()支持的事件中统计出一些额外的事件。1.4通过.live()中的事件委派引入了对更改、提交、聚焦、聚焦、鼠标输入和鼠标离开的跨浏览器支持。”|322919|322920|我已经在change事件上等待了很久了！|322921|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|O|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|P|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|R|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|S|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|T|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|U|8|@]|9|@]|A|$]]]|M|$]]

For me it was this:

<blockquote>
 "All Events Can Be Live Events"
 
 "We’re very proud to count some
 addtional events amongst those
 supported by live(). 1.4 introduces
 cross-browser support for change,
 submit, focusin, focusout, mouseenter,
 and mouseleave via the event
 delegation in .live()."
</blockquote>

I've been waiting for this on the change event for ages!

blocks|key|3068769|text|当然，性能改进是我很欣赏的，但我想我不能说它是“最终”，因为它需要不断改进:)+DOM构建(快速元素构造)语法看起来非常方便，detach方法看起来也很有用:它允许您暂时从DOM中删除一个对象，但保留分配给它的所有处理程序，这样当重新插入时，它将以相同的方式工作。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3068770|我猜我没有错过太多东西，但现在这些新功能已经推出，有一堆我急于开始使用的东西:)|3068771|entityMap^0|1R|6|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|M|8|@]|D|@]|E|$]]|$1|H|3|-4|5|6|7|N|8|@]|D|@]|E|$]]]|I|$]]

Well the performance improvements are of course something I appreciate, but I guess I can't say it's a "finally" since it's something that's subject to constant improvement :) The DOM-building (Quick Element Construction) syntax looks really convenient, and the <code>detach</code> method also looks quite usable: it allows you to temporarily remove an object from the DOM, but keeps all the handlers assigned to it, so that it'll work just the same way, when reinserted.

I guess there's not so much a lot of things that I've been missing, but now that these new features are out there, there's a bunch that I'm anxious to start using :)

blocks|key|3281844|text|焦点和气泡事件的事件委派：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3281845|3281846|http://api.jquery.com/focusin/|unordered-list-item|offset|length|3281847|http://api.jquery.com/focusout/|3281848|3281849|entityMap|0|LINK|mutability|MUTABLE|url|1^0|0|0|0|U|0|0|0|V|1|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|T|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|U|8|@]|9|@$F|V|G|W|1|X]]|A|$]]|$1|H|3|I|5|E|7|Y|8|@]|9|@$F|Z|G|10|1|11]]|A|$]]|$1|J|3|-4|5|6|7|12|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|13|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|D]]|R|$5|N|O|P|A|$Q|I]]]]

Event delegation for focus and bubble events:

<ul>
<li><a href="http://api.jquery.com/focusin/" rel="nofollow noreferrer">http://api.jquery.com/focusin/</a></li>
<li><a href="http://api.jquery.com/focusout/" rel="nofollow noreferrer">http://api.jquery.com/focusout/</a></li>
</ul>

blocks|key|3068943|text|老实说，我真的最喜欢delay()和detach()。性能的改进也是一个巨大的优势，但delay()可能是其中最令人惊叹的部分。简单但非常有用。不再使用setTimeouts()。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3068944|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I really like delay() and detach() the most, to be honest. The performance improvements are a huge plus as well but delay() is probably the single most amazing part of it. Simple but ultra useful. No more setTimeouts().

blocks|key|320964|text|从1.3%2B开始，它就变得非常模块化。例如，当您不需要ajax库时，可以不使用它进行构建。降低文件大小。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|320965|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

It has been very modular since 1.3+. For example, when you don't need the ajax library, it is nice to build without it. Keep file sizes down.

blocks|key|3282098|text|可以说我疯了，但仅仅是增加的测试次数就给了我一种温暖模糊的感觉。我几乎想给每一个答案都加分:)_|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3282099|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Call me crazy, but just the added number of tests gives me a warm fuzzy feeling. I almost want to upvote every answer :)_

blocks|key|3069052|text|我认为unwrap()很简单，很优雅，最后会得到一个innerHTML礼物！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3069053|3069054|新的展开方法将获取给定父代的子代，并用它们替换所述父代。如下所示：|blockquote|3069055|3069056|3069057|<body>
++++<div>
++++++++this+is+fun
++++</div>
</body>

$('div').unwrap();

<body>
+++this+is+fun
</body>|code-block|syntax|javascript|3069058|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|P|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|Q|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]|$1|G|3|-4|5|6|7|S|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|T|8|@]|9|@]|A|$K|L]]|$1|M|3|-4|5|6|7|U|8|@]|9|@]|A|$]]]|N|$]]

I think unwrap() is simple, elegant, and you get an innerHTML present at the end!

<blockquote>
 The new unwrap method will take the
 children of a given parent and replace
 said parent with them. Like so:
</blockquote>

<pre><code>&lt;body&gt;
 &lt;div&gt;
 &lt;p&gt;this&lt;/p&gt; &lt;p&gt;is&lt;/p&gt; &lt;p&gt;fun&lt;/p&gt;
 &lt;/div&gt;
&lt;/body&gt;

$('div').unwrap();

&lt;body&gt;
 &lt;p&gt;this&lt;/p&gt; &lt;p&gt;is&lt;/p&gt; &lt;p&gt;fun&lt;/p&gt;
&lt;/body&gt;
</code></pre>

blocks|key|318160|text|$.proxy()|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|318161|为了确保这总是意味着这个而不是那个。|unstyled|318162|来自here的示例|offset|length|318163|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();|318164|entityMap|0|LINK|mutability|MUTABLE|url|http://www.jimmycuadra.com/blog/16-understanding-jquery-1-4-s-proxy-method^0|0|0|2|4|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|V|8|@]|9|@]|A|$]]|$1|G|3|H|5|F|7|W|8|@]|9|@$I|X|J|Y|1|Z]]|A|$]]|$1|K|3|L|5|6|7|10|8|@]|9|@]|A|$B|C]]|$1|M|3|-4|5|F|7|11|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

<pre><code>$.proxy()
</code></pre>

To make sure that this always means this rather than that...

Example from <a href="http://www.jimmycuadra.com/blog/16-understanding-jquery-1-4-s-proxy-method" rel="nofollow noreferrer">here</a>

<pre><code>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();
</code></pre>

blocks|key|320946|text|对我来说，现在能够使用live()处理程序编写事件处理程序。我知道live在上一个版本(1.3.2)中也存在，但它没有得到完全的支持。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|320947|这使得代码变得非常简单，特别是在动态创建或通过Ajax请求创建大部分DOM的情况下。|320948|有关live的更多信息，请点击此处：http://api.jquery.com/live/|320949|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/live/^0|B|6|X|4|0|0|2|4|I|R|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@$9|S|A|T|B|C]|$9|U|A|V|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|W|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|X|8|@$9|Y|A|Z|B|C]]|D|@$9|10|A|11|1|12]]|E|$]]|$1|J|3|-4|5|6|7|13|8|@]|D|@]|E|$]]]|K|$L|$5|M|N|O|E|$P|Q]]]]

For me, it's the ability to now write event handlers with the <code>live()</code> handler. I know that <code>live</code> was present in the last version (1.3.2) also, but it wasn't fully supported.

This makes the code infinitely simpler especially if you have most of the DOM being created on the fly or via Ajax requests.

More about <code>live</code> here: <a href="http://api.jquery.com/live/" rel="nofollow noreferrer">http://api.jquery.com/live/</a>

blocks|key|322933|text|对我来说，带有change等事件的live()调用是一个很大的问题。我想要这个已经有一段时间了。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|322934|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

live() calls with events such as change is a big one for me. I have been wanting this for sometime now.

A recent new jQuery version has been released, the jQuery v1.4. You can read all about it <a href="http://jquery14.com/day-01/jquery-14" rel="noreferrer">here</a>. It allows you to do some pretty neat stuff such as:

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

What do you like the most about this new version? What is the thing that made you go "FINALLY!"? 

<hr>

Added a bounty to get more feedback and accept an answer

What are you the most excited about in the new versions of jQuery?

jQuery

最近发布了一个新的jQuery版本，jQuery v1.4。你可以在上读到关于它的所有内容。它允许你做一些非常整洁的事情，比如：$("div.test").bind({  click: function(){    $(this).addClass("active");  },  mouseenter: function(){    $(this).addClass("inside");  }, 

问在新版本的jQuery中，您最兴奋的是什么？
EN

回答 15

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在新版本的jQuery中，您最兴奋的是什么？EN

回答 15

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在新版本的jQuery中，您最兴奋的是什么？
EN