当前位置:jQuery学习 > jQuery > jQuery方法区别(八)find context 区别

jQuery方法区别(八)find context 区别

时间:2012-03-16QQ群:116983258

刚学习 jQuery 的朋友可能还不知道在 jQuery 选择器中可以指定上下文对象,以前在 jQuery插件的写法文章中就有人问过 context 是什么意思。今天就看看 context,掌握后灵活使用可提高代码质量。

<div class="picture">
    <img src="img.jpg" />
</div>

如查看 class 为 picture 的 img,通常情况下我们会使用 find 方法来查找,也许你也有兴趣看看 find() children区别

var $img = $('.picture').find('img');

我们也可以指定上下文对象,如下:

var $img = $('img', '.picture');

经过测试发现前者在性能上比后者还稍微快些,查看 jQuery 源码可发现后者会转成find 方法,在转换时要花点时间。但当我们封装一个常用的方法时,使用 context 会比较合适,如下:

reSize = function (div) {
    $('img', div).width(100);
    $(div).find('img').width(100);
}

在这种情况下比较 jQuery find 方法和 context,可以看出合理使用 context 会提高我们的代码质量。

作者:jQuery学习
除非注明,jQuery学习网文章均为原创,转载时必须以链接形式标明本文地址。
本文地址:http://www.jquery001.com/jquery-context-vs-find.html

所有话题