jQuery技巧之find与context区别

王迎然的博客 2013-07-02 26 阅读

jQuery

刚学习 jQuery 的朋友可能还不知道在 jQuery 选择器中可以指定上下文对象，今天来看看 context，掌握后灵活使用可提高代码质量。

<div class="picture"> <img src="http://www.wangyingran.com/archives/"img.jpg" /> </div>

如查看 class 为 picture 的 img，通常情况下我们会使用 find 方法来查找。

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

作者：王迎然的博客

本博客是一个分享javascript,jQuery,html5,css3前端开发技术博客,实时关注最新的web前端开发技术,web前端开发工具,web前端用户体验。

原文地址：jQuery技巧之find与context区别, 感谢原作者分享。

→IE6、7浏览器下getElementById不区分大小写兼容问题 ←一淘九宫格面试题

发表评论