最常用也是最标准的ready方法

$(document).ready(){
});

简写的jQuery ready()

$(function(){
});

这是因为jQuery的选择器第一个参数假如为空，那么默认的是document

不建议使用的ready()方法

$().ready(handler);

在jQuery1.4发布公告中提到了：在jQuery1.4中仍然保留这种方法，但是不推荐使用，并且jQuery1.3的ready会返回一个jQuery的对象，而1.4中则不会又返回

解决jQuery（$）库冲突的ready方法

这一种方式一般用在处理jQuery的$和别的库冲突的时候用的,可以通过jQuery.noConflict()这个方法,我们就可以直接在代码中通过jQuery来代替$来使用,但又习惯了使用$怎么办?看下面的代码:

jQuery.noConflict();
jQuery(function($){
    alert($("#ready1").html());   //这样我们就可以使用$了
});

后记

一般在开发中断桥残雪是不会推荐使用jQuery的ready方法的，因为绑定ready事件之后，jQuery需要添加DOMContentLoaded监听事件，对于页面加载渲染是有一定影响的，所以建议我们在逼不得已的情况下才使用jQuery的ready。

在实际开发中我推荐把ready中要执行的函数放在DOM的HTML代码之后，也就是当DOM渲染过去之后再执行handler，或者把代码直接放在页面的末尾

订阅更“健康”

随机文章

• jQuery+google weather API轻松实现天气地图（二）
• javascript事件：获取事件对象getEvent函数
• 只要20元，你也可以做个QQ爱墙
• Google AdWords免费广告费用申请下来了
• 发布一个仿QQSvr的dedecms模板
• 再谈Iframe的问题
• 由一篇文章的收录说说百度和谷歌
• 普通话考试！~

© 三水清 for 三水清, 2010. | No comment |在微博关注我：@清-三水清
收藏到： 人人网 | 豆瓣 | 开心网 | QQ书签 | 新浪微博 | 腾讯微博
Post tags: jquery, jQuery1.4

猜你喜欢：
jQuery 1.4.1 中文参考文档下载	jQuery1.4正式版发布啦！	jQuery 1.4的十五大新功能实例精讲	25大实用的jQuery技巧和解决方案
无觅

新鲜出炉，更新了大量内容，应该还有一些BUG，欢迎纠错：

http://code.google.com/p/jquery-api-zh-cn/downloads/list

本来更早出来的，结果半路又杀出1.4.1，而且发现bind、live还有ajax等方法有大量更新，所以重新翻译这三个方法，消耗了大把时间。所以今天才发出来。

jQuery1.4.1中文文档在线地址：http://jquery-api-zh-cn.googlecode.com/svn/trunk/xml/jqueryapi.xml
继续阅读：《jQuery1.4正式版发布啦》、《jQuery Easing动画效果扩展》、《jQuery1.4正式版新功能及性能测试》、《jQuery1.4十五大新功能实例精讲》

随机文章

• NotePad++安装和配置
• PHP生成RSS类：RSS.class.php
• jQuery教程之鼠标事件篇
• 爱墙（许愿墙）程序后台添加置顶、搜索等功能
• 韩峰其实是个好干部
• 晚上玩了一个晚上~
• 只要20元，你也可以做个QQ爱墙
• 收集几个手机浏览器的User-agent

© 三水清 for 三水清, 2010. | No comment |在微博关注我：@清-三水清
收藏到： 人人网 | 豆瓣 | 开心网 | QQ书签 | 新浪微博 | 腾讯微博
Post tags: jquery, jQuery1.4

猜你喜欢：
关于jQuery ready()方法一些用法解释	jQuery Easing 动画效果扩展	jQuery1.4正式版发布啦！	两个简单的jQuery幻灯片实例
无觅

1.  jQuery()创建DOM元素：支持传参设置属性

之前，jQuery可以通过 attr 方法设置元素的属性，既可传属性的名和值，也可以是包含几组特定 属性名值对 的 对象。在 jQuery 1.4 中，你可以把一个参数对象作为附属参数传给 jQuery 函数本身，同时创建HTML元素。

比方说你想要创建一个带有几个属性的锚记元素（<a></a>）。在1.4中，一切如此简单：

jQuery('<a></a>', {
 id: 'foo',
 href: 'http://google.com',
 title: 'Become a Googler',
 rel: 'external',
 text: 'Go to Google!'
 });

你大概也能猜到，这个锚记元素没有的 text 属性会调用 jQuery 的私有方法”.text()” ，把元素里的文字设置为“Go to Google!”

针对这一用法，下面是更有用的实例：

jQuery('
<div>', {
 id: 'foo',
 css: {
 fontWeight: 700,
 color: 'green'
 },
 click: function(){
 alert('Foo has been clicked!');
 }
 });</div>

id 为一般属性，被直接加上了，而 css 和 click 则激发了相应的 jQuery 方法。在1.4以前，上面的代码需写成这个样子：

jQuery('
<div>')
 .attr('id', 'foo')
 .css({
 fontWeight: 700,
 color: 'green'
 })
 .click(function(){
 alert('Foo has been clicked!');
 });</div>

详细了解 jQuery()

2. parentsUntil()、prevUntil()、nextUntil()

1.4的DOM遍历工具包里又增加了3个新方法：nextUntil， prevUntil 和 parentsUntil。这些方法会按照特定的方向遍历DOM，直到遇到满足指定选择符的元素为止。举例来说，现在我们有一张水果名的清单：

<ul>
	<li>Apple</li>
	<li>Banana</li>
	<li>Grape</li>
	<li>Strawberry</li>
	<li>Pear</li>
	<li>Peach</li>
</ul>

我们想挑选出所有在 Apple 后，Pear 前的所有条目。代码十分简单：

jQuery('ul li:contains(Apple)').nextUntil(':contains(Pear)');
 // 选出的是 Banana, Grape, Strawberry

详细了解： prevUntil, nextUntil, parentsUntil

3. bind()、one()支持绑定多个事件

不再需要把各个事件绑定方法“链”在一起，现在你可以把它们捆成一堆，如下：

jQuery('#foo').bind({
 click: function() {
 // do something
 },
 mouseover: function() {
 // do something
 },
 mouseout: function() {
 // do something
 }
 })

这一用法也适用于 “.one()”.

详细了解 .bind(…)

4. 动画效果Easing的增强

最近断桥残雪也写了一个jQuery Easing的文章，在jQuery1.4以前版本只能为一个动画指定一种缓动效果（easing，即动画过程中的速度变化规律。jQuery 原生支持两种缓动效果，swing（默认）和linear 。要使用其他效果，你需要自己另行下载)。现在你可以为动画的各个属性参数指定不同的缓动效果：

jQuery('#foo').animate({
 left: 500,
 top: [500, 'easeOutBounce']
 }, 2000);

点此查看实际效果

你也可以在一个可选的动画选项对象中为 secialEasing 设置一系列名值对来完全上面的工作：

jQuery('#foo').animate({
 left: 500,
 top: 500
 }, {
 duration: 2000,
 specialEasing: {
 top: 'easeOutBounce'
 }
 });

详细了解有关 Easing动画设置的内容

5. 增强版的 live() 事件

jQuery 1.4 添加了对指派 submit ， change ， focus 和 blur 事件的支持。在jQuery中，我们利用”.live()” 方法指派事件。当你想要为多个元素注册事件处理器时，这会非常有用。而且就算满足选择符的元素是新出现的，这些事件也会继续有效（使用 .live() 比不断重复绑定要省力省心得多）。

不过，当心了！注册 focus 和 blur 事件时你需要用 focusin 和 focusout 作为事件名。

jQuery('input').live('focusin', function(){
 // do something with this
 });

6. 使用proxy()函数指定this

jQuery 1.4 提供了一个全新的 proxy 函数，位于 jQuery 命名空间下。这一函数接受两个参数，一个是“作用域”（scope）或者一个方法名，另一个是某函数或者目标作用域（the intended scope）。

众所周知， JavaScript的 this 关键字是一个很难把握的东西。有时候你并不想它代表一个元素，而想让它代表你前面创建的某个对象。

例如，在这里我们创建了一个 app 对象，它拥有两个属性，一个是 clickHandler 方法，一个是负责参数配置的对象。

var app = {
 config: {
 clickMessage: 'Hi!'
 },
 clickHandler: function() {
 alert(this.config.clickMessage);
 }
 };

这个 clickHandler 方法，当像 app.clickHandler() 这样调用时，app 就是其上下文，也就是说 this 关键字指向的是 app 。如果只需简单地调用，这样的写法没什么问题：

app.clickHandler(); // "Hi!" is alerted

不过如果把它当作一个事件处理器：

jQuery('a').bind('click', app.clickHandler);

当我们点击这个锚记时，并没有达到预想的效果（没东西 alert 出来）。这是因为 jQuery （以及大部分理智的事件模型），默认地，都会把处理器的上下文指定为目标元素本身。也就是说，this 所代表正是被点击的这个链接。而我们想的是，this 应该继续代表 app 。在jQuery 1.4中，实现这一目的十分简单：

jQuery('a').bind(
 'click',
 jQuery.proxy(app, 'clickHandler')
 );

现在点击所有锚记都会弹出“Hi!”了。

代理函数把你的函数包裹一圈，同时把函数内的 this 设定为你想要东西。在其他上下文应用场景，如把回调函数传给其他 jQuery 方法或插件，代理函数也能派上用场。

了解更多 jQuery.proxy()

7. 动画队列延迟

现在，可以给动画队列加一个延迟了。虽然这个功能可以在任何队列里实现，但最常用的可能还是延迟“fx 队列”（”fx” queue，jQuery默认的动画队列）。它能让你在两个动画行为之间暂停一下，而不用牵扯到回调函数和 setTimeout 之类的东西。.delay() 的第一个参数即你需要设定的延迟毫秒数：

jQuery('#foo')
 .slideDown() // Slide down
 .delay(200) // Do nothing for 200 ms
 .fadeIn(); // Fade in

如果你想延迟一个除 fx 以外的队列，把队列名作为第二个参数传给 .delay() 就可以了。

详细了解 .delay(…)

8. 使用has()检测元素是否含有特定内容

jQuery 1.4 让检测一个元素（或集合）是否含有（.has()）某项东西更为容易。其背后的机理和选择过滤器 :has()是一样的。这个方法会从当前集合中选出满足任意指定条件之一的元素。

jQuery('div').has('ul');

这条语句在所有DIV元素中挑出那些包含UL元素的。这种情况可能用选择过滤器 :has() 就好了，但当你要更程式化地过滤选择集时 .has() 方法就十分有用了。

jQuery 1.4 还在 jQuery 命名空间下新增了一个 contains 函数。这是一个比较底层的函数，接受两个 DOM 节点为参数。返回一个布尔值，指示第二个元素是否包含在第一个元素中。例如：

jQuery.contains(document.documentElement, document.body); // 返回true – 确实包含在 中

详细了解： .has(…), jQuery.contains(…)

9. 给元素剥皮！

很早以前，jQuery 就可以用 .wrap() 给元素裹一层皮。现在， jQuery 1.4 添加了 .unwrap() 方法，用以剥皮。看下面的DOM结构：

<div>
<p>
Foo
</p>
</div>

来把 p 元素外面的一层皮（div）剥掉：

jQuery('p').unwrap();

DOM 变成了：

<p>
Foo
</p>

总而言之，这个方法可以把任意元素的父元素移除。.

详细了解 .unwrap(…)

10. 使用detach()移除元素，而不删除数据

以前有一个.remove()方法，是把元素剥离后抛弃。全新的 .detach() 方法可以让你把一个元素从DOM中剥离，而不丢失数据。囊括该元素的 jQuery 对象会在操作完成后还保留这个元素。数据可以通过 .data() 或者 jQuery 事件系统中的任意事件处理器传入 jQuery 对象。

当你需要把某个元素从DOM中移除，然后在将来某个场景中重新引入时，这个函数会很有用。元素的事件句柄和其他所有数据都会被保留。

var foo = jQuery('#foo');
 // 绑定一个重要的事件处理器
 foo.click(function(){
 alert('Foo!');
 });
 foo.detach(); // 从DOM中移除
 // … do stuff
 foo.appendTo('body'); // 重新加入到DOM
  foo.click(); // 弹出alert信息： "Foo!"

详细了解 .detach(…)

11. index() 的功能增强

jQuery 1.4 为您使用 .index() 提供了两种新方法。以前，你必须把元素作为参数传给它，然后获得一个返回的数值，代表在当前集合中这个元素的索引。现在，如果不传参数过去，返回的值就代表某元素在其同辈中排行老几。比方说下面的DOM：

<ul>
	<li>Apple</li>
	<li>Banana</li>
	<li>Grape</li>
	<li>Strawberry</li>
	<li>Pear</li>
	<li>Peach</li>
</ul>

你想要晓得点击一个条目后它是列表中的第几个，实现的代码十分简单：

jQuery('li').click(function(){
 alert( jQuery(this).index() );
 });

jQuery 1.4 也允许你将选择符作为 .index() 的第一个参数。这样做会返回当前元素在你指定的选择符所匹配出的元素集合中的索引值。

还得提醒一点，这一方法返回的是数值，如果文档中无法找到指定条件的元素，会返回数值 -1 。

详细了解 .index(…)

12. DOM 操作可接收回调函数

现在，大部分的DOM操作方法都支持了将 函数 作为单一参数传入（.css() 和 .attr() 传入为第二个参数）。这个函数会为选择集中的每一个元素都跑一遍，从而为相应操纵方法提供更“有个性”的值。

下列方法支持这一功能：

1. after()
2. before()
3. append()
4. prepend()
5. addClass()
6. toggleClass()
7. removeClass()
8. wrap()
9. wrapAll()
10. wrapInner()
11. val()
12. text()
13. replaceWith()
14. css()
15. attr()
16. html()

有了回调函数，你就能在选择集中利用 this 关键字来访问当前元素，用回调函数的第一个参数来访问其索引值。

jQuery('li').html(function(i){
 return 'Index of this list item: ' + i;
 });

还有还有，上面的某些方法还提供第二个参数供你利用。如果你调用的是一个设定型方法（如.html() 和 .attr(’href…) ），你还能取得当前值。例如：

jQuery('a').attr('href', function(i, currentHref){
 return currentHref + '?foo=bar';
 });

如您所见，对于.css() 和 .attr() 方法来说，之所以要把函数作为第二个参数传递，是因为第一个参数要用来指定我们需要修改的是哪一个属性：

jQuery('li').css('color', function(i, currentCssColor){
 return i % 2 ? 'red' : 'blue';
 });

13. 判定对象类型:isEmptyObject、isPlainObject

jQuery 1.4 新增了两个全新的辅助函数（都直接位于 jQuery 命名空间下），可以帮助你判别你正在操纵的是何种对象。

第一个函数是 isEmptyObject, ，它返回一个布尔值，判定对象是否为空（）。第二个是 isPlainObject ，它返回的布尔值代表传递过去的参数是否为JavaScript的简单对象（plain object），也就是用 {} 或 new Object()创建的对象。

jQuery.isEmptyObject({}); // true
 jQuery.isEmptyObject({foo:1}); // false
 
 jQuery.isPlainObject({}); // true
 jQuery.isPlainObject(window); // false
 jQuery.isPlainObject(jQuery()); // false

了解更多： isPlainObject(…), isEmptyObject(…)

14. Closest() 的功能增强

jQuery的.closest() 方法现在可以接受一组选择符作为参数。当你需要遍历某一元素的所有上级，找到一个以上符合特定特征的最近元素时，此功能就能派上用场。

而且，现在它还能接受上下文环境作为第二个参数，也就是说你可以控制DOM遍历的深度或者说远度。虽然说大家可能很少会用到这两个新特性，但一旦用上效果是惊人的！

了解更多 .closest(…)

15. 新事件： focusIn 与 focusOut

如前所述，现在部署 focus 和 blur 事件时，你需要使用 focusin 和 focusout 这两个新事件。这两个事件帮助你在特定元素或者该元素的子元素 获取/失去 焦点时采取行动。

jQuery('form')
 .focusin(function(){
 jQuery(this).addClass('focused');
 });
 .focusout(function(){
 jQuery(this).removeClass('focused');
 });

值得说明的是，这两个事件不会传播开来（即所谓的“冒泡”），它们会被捕获住。

了解更多关于 focusIn 和 focusOut 事件的内容。

写在最后

爱上 jQuery 1.4 吧！史上考虑最周到，功能最丰富，性能最好的 jQuery ！
就是这样… 我已经介绍完我觉得对你最有影响的一些新特性了。
如果你还不知道，那就赶快去看看 “14 days of jQuery”活动，为庆祝 jQuery 1.4 的发布和 jQuery 四岁生日而举办的超赞的线上活动。

另外，别忘了看看全新的 API 文档 ！
原文作者：James Padolsey
原文地址：http://net.tutsplus.com/tutorials/javascript-ajax/jquery-1-4-released-the-15-new-features-you-must-know/

随机文章

• 【续】教你偷老师的课件甚至考试试题~
• 使用CSS控制打印页面格式
• 没见过这么不要脸的！——校内网太不厚道，无耻之
• 08.11.14
• 提前体验Google新页面
• GoDaddy促销COM域名，在华仅0.99美元
• 新浪微博应用：微博送大礼
• 中病毒啦！是威金！

© 三水清 for 三水清, 2010. | 2 comments |在微博关注我：@清-三水清
收藏到： 人人网 | 豆瓣 | 开心网 | QQ书签 | 新浪微博 | 腾讯微博
Post tags: javascript, jquery, jQuery1.4

猜你喜欢：
jQuery Easing 动画效果扩展	jQuery 1.4.1 中文参考文档下载	jQuery1.4浏览器判断函数bug仍然存在	jQuery选择器使用详解
无觅

params (Options) : 一组包含作为动画属性和终值的样式属性和及其值的集合
duration (String,Number) : (可选) 三种预定速度之一的字符串(”slow”, “normal”, or “fast”)或表示动画时长的毫秒数值(如：1000)
easing (String) : (可选) 要使用的擦除效果的名称(需要插件支持).默认jQuery提供”linear” 和 “swing”.
callback (Function) : (可选) 在动画完成时执行的函数

其中参数easing默认有两个效果：“linear”和“swing”，如果需要更多就要插件支持了，也就是今天断桥残雪要跟大家分享的插件：jQuery Easing Plugin.

在jQuery Easing中设置了easeInElastic、easeOutElastic、easeInOutElastic等共31中不同的效果，应该可以满足大家的需要啦，如果你还想研究下动画移动的效果图，还可以看一下这篇文章不仅有动画演示，还有图片分析。

引入Easing js文件

要使用jQuery Easing扩展，首先我们要在jQuery之后，引入jQuery Easing Plugin文件，如以下代码

<script type="text/javascript" src="http://js8.in/mywork/jquery_easing/easing.js">
</script>

jQuery Easing简单教程

方法1、设置jQuery默认动画效果

jQuery.easing.def = “method”;//如：easeOutExpo

方法2、jQuery默认动画

支持toggle()、slideUp()、slideDown()、show()、hide()等jQuery内置的动画效果

如以下代码：

$(element).slideUp({
	duration: 1000, 
	easing: method, 
	complete: callback});

方法3、使用jQuery自定义动画函数.animate()

jQuery 的.animate()是自定义动画的函数，如上面所说，有四个参数，而其中easing的参数就是我们进行动画效果扩展的方法名称（如easeOutExpo）。最简单的使用方法是：

$(myElement).animate({
    left: 500,
    top: 500
}, 'easeOutExpo');

上面的代码就是实现的动画之后以easeOutExpo的方法来进行缓冲（easing），这是animate() easing的基本用法（点击查看此效果演示DEMO）

James Padolsey对jQuery1.3.2的animate函数进行了修改扩展：

jQuery.fn.animate = (function(_anim){
    var jQEasing = jQuery.easing;
    return function(prop, duration, easing, callback) {
        var props = {}, optall, i, hasEaser = false;
        for ( i in prop ) {
            if ( jQuery.isArray(prop[i]) ) {
                hasEaser = true;
                props[i] = prop[i][1];
                prop[i] = prop[i][0];
            }
        }
        opt = jQuery.speed(duration, easing, callback);
        if (hasEaser) {
            opt.step = (function(_step){
                return function(now, fx) {
                    var end = fx.end, easeFn;
                    if ( easeFn = props[fx.prop] ) {
                        fx.now = jQEasing[easeFn]( now/end, now, 0, end, end );
                    }
                    _step && _step.call( fx.elem, fx.now, fx );
                };
            })(opt.step);
        }
        opt.complete = opt.old || callback || jQuery.isFunction(easing) && easing;
        return _anim.call( this, prop, opt );
    };
})(jQuery.fn.animate);

在jQuery1.4中这种方式已经被引入，所以jQuery1.4中不需要添加jQuery的animate()扩展，我们就可以使用下面的更加方便代码啦：

$(myElement).animate({
    left: 500,
    top: [500, 'easeOutBounce'] 
}, 1000,'swing');

上面的代码的效果是，总体上来使用swing的方法来缓冲，而top的时候采用easeOutBounce的方法来缓冲。（点击查看此效果演示DEMO）

jQuery1.4 的animate()+Easing

值得一提的是jQuery 1.4版本中对animate()方法，easing的方法进行了扩展，英语不错的童鞋，可以点击此处

jQuery(myElement).animate({
    left: [500, 'swing'],
    top: [200, 'easeOutBounce']
});

或者：

jQuery(myElement).animate({
    left: 500,
    top: 200
}, {
    specialEasing: {
        left: 'swing',
        top: 'easeOutBounce'
    }
});

有了上面的Easing扩展效果，已经能够满足了我们日常的动画要求了，jQuery1.4正式版也已经发布，添加了很多新的方法函数，但是很多新方法的研究还没有跟入，期待jQuery1.4的新中文文档！

随机文章

• jQuery1.4 Alpha 2发布
• 我开发的新浪微博应用：微博送祝福
• 收集几个手机浏览器的User-agent
• 如何写网站的robots.txt和meta name robots的配置
• 校内人人网忽悠用户-陈一舟牛啊~
• 引入CSS 的两种方式：link和@import的区别
• css解决chrome 12px字号限制
• GoDaddy促销COM域名，在华仅0.99美元

© 三水清 for 三水清, 2010. | 3 comments |在微博关注我：@清-三水清
收藏到： 人人网 | 豆瓣 | 开心网 | QQ书签 | 新浪微博 | 腾讯微博
Post tags: jquery, jQuery1.4

猜你喜欢：
jQuery 1.4.1 中文参考文档下载	jQuery1.4正式版新功能及性能测试	jQuery 1.4的十五大新功能实例精讲	jQuery1.4正式版发布啦！
无觅

对于jQuery常用的函数进行了大幅的性能提升

使用内部函数调用，以减少对代码库的复杂性，使jQuery1.4的性能相对于1.3.2得到了大幅的提升

方便的设置函数

jQuery1.4给很多函数加上了设置方法，可以运行一定的代码。如大家常用的以下函数：

. attr()，.css(), .attr(), .val(), .html(), .text(), .append(), .prepend(), .before(), .after(), .replaceWith(), .wrap(), .wrapInner(), .offset(), .addClass(), .removeClass(), and .toggleClass()。

以下函数可以在第二个参数变量中添加一个function的参数：

.css(), .attr(), .val(), .html(), .text(), .append(), .prepend(), .offset(), .addClass(), .removeClass(), and .toggleClass().

如以下代码：

// find all ampersands in A's and wrap with a span
$('a').html(function(i,html){
  return html.replace(/&amp;/gi,'<span class="amp">&amp;</span>');
});
 
// Add some information to the title of the anchors
$('a[target]').attr("title", function(i,title){
  return title + " (Opens in External Window)";
});

属性方法的性能以及功能的全面提升

1.、.css() 和 .attr() 性能得到了提升

2、 .attr()可以添加一个为function的参数变量

jQuery('<img src="enter.png" alt="enter your name" />')
.attr("alt", function(index, value) {
    return "Please, " + value;
});

3、.val( Function )

<input class="food" type='text' data-index="0" />
<input class="food" type='text' data-index="1" />

jQuery("input:text.food").hide();
 
jQuery("&lt;ul class='sortable'><li>Peanut Butter&lt;/li>&lt;li>Jelly&lt;/li>&lt;/ul>")
  .sortable()
  .bind("endsort", function() {
    $(":text.food").val(function() {
      return $("ul.sortable li:eq(" + $(this).attr("data-index")  + ")").text();
    });
  });

快速创建dom元素

现在在jQuery1.4中你可以给创建的dom元素用object的方式，同时添加事件绑定、设置css属性等，如：

jQuery("<div/>", {
    id: "foo",
    css: {
        height: "50px",
        width: "50px",
        color: "blue",
        backgroundColor: "#ccc"
    },
    click: function() {
       $(this).css("backgroundColor", "red"); 
    }
}).appendTo("body");

.eq(-N), .get(-N)支持从后面往前选择

如果你想选择倒数第二个节点可以使用下面的代码：

$("div").eq(-2);
$("div").get(-2);

新的方法： jQuery.proxy()

现在我们可以通过设置jQuery.proxy() 来使用this指针，如：

var obj = {
  name: "John",
  test: function() {
    alert( this.name );
    $("#test").unbind("click", obj.test);
  }
};
 
$("#test").click( jQuery.proxy( obj, "test" ) );

.bind()函数支持多个事件同时绑定

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

新的事件监控方法`focusin`和`focusout`

jQuery1.4新增加了`focusin`和`focusout’两个事件的监听

$("form").focusout(function(event) {
    var tgt = event.target;
    if (tgt.nodeName == "INPUT" && !tgt.value) {
        $(tgt).after("<span>nothing here</span>");
    }
});

新方法：.detach()

.detach()删除一个DOM元素，但是不删除DOM的元素事件。如：

var foo = $("#foo").click(function() {
    // do something
});
foo.detach();
// foo retains event handlers
foo.appendTo("body");

新方法：unwrap()

.unwrap()可以把子节点替换掉父节点，如：

处理前html：

<body>
    <div>
        <p>annie</p> <p>davey</p> <p>stevie</p>
    </div>
</body>

处理js：

$('div').unwrap();

处理后的html：

<body>
   <p>annie</p> <p>davey</p> <p>stevie</p>
</body>

另外jQuery1.4在Ajax、选择器等在性能方面都有了很大的提升，还添加了几个新的方法。

随机文章

• 懂爱
• 瑞星贿赂造假丑闻曝光，为转移视线捏造360后门事件
• 推荐六个在线制作Loading图标的网站
• Ajax文章评论上线！
• nodejs教程：配置nodejs.exe的windows目录结构
• 企业黄页网站GongSiHuangYe.COM上线
• Dedecms技巧—屏蔽禁用词语，垃圾留言过滤功能
• windows Xp和office盗版软件避免十月20号之后出现黑屏方法

© 三水清 for 三水清, 2010. | 4 comments |在微博关注我：@清-三水清
收藏到： 人人网 | 豆瓣 | 开心网 | QQ书签 | 新浪微博 | 腾讯微博
Post tags: jQuery1.4

猜你喜欢：
jQuery 1.4.1 中文参考文档下载	jQuery1.4正式版发布啦！	关于jQuery ready()方法一些用法解释	jQuery Easing 动画效果扩展
无觅

在jQuery的4岁生日之时，jQuery开发团队很高兴地发布最新的jQuery1.4版本！其他的代码演示、测试、文档的更新也会陆续进行更新发布。

下载地址

jQuery Minified (23kb Gzipped)
jQuery Regular (154kb)
此外，谷歌已经提供了jQuery1.4副本，jquery团队上传到了Google服务器托管服务中。这jQuery1.4的版本是自动minified和gzip 的，地址为：
http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js

jquery1.4特点

jquery1.4所有的变化和功能添加到jQuery1.4文档中。

随机文章

• 再谈Iframe的问题
• addEventListener第二个参数的handleEvent
• 瑞星贿赂造假丑闻曝光，为转移视线捏造360后门事件
• 在Express和Socket.IO中使用session
• 终于搞明白yu.js的使用方法啦~
• 通过javascript实现整站黑白效果
• 发布一个仿QQSvr的dedecms模板
• javascript的词法作用域

© 三水清 for 三水清, 2010. | 3 comments |在微博关注我：@清-三水清
收藏到： 人人网 | 豆瓣 | 开心网 | QQ书签 | 新浪微博 | 腾讯微博
Post tags: jQuery1.4

猜你喜欢：
jQuery 1.4的十五大新功能实例精讲	jQuery 1.4.1 中文参考文档下载	jQuery1.4正式版新功能及性能测试	关于jQuery ready()方法一些用法解释
无觅