理解Context在jQuery中的使用-RainBlog-烟雨空间

理解Context在jQuery中的使用
[]2009年6月25日 16:18:45
收藏到：	字号：增大正常减小
对于jQuery1.3.x中为jQuery对象新增的Context属性，我想有很多人可能不是很了解或者未使用过，Brandon Aaron在最近的日志《Understanding the Context in jQuery》中对Context的使用做一个比较好的补充，特翻译如下，望能给大家带来一点帮助。　　当选择元素的jQuery对象拥有第二个可选的[Context]参数（optional second argument）时，这个Context参数提供了一个用来限制在特定节点内搜索的方法。对于有一个巨大的DOM集而又需要查找而言这无疑是一个很强大的方法。例如：在DOM集的某个特定部分去查找所有的<a>标签，我看过各种实现的方法，通常都存在性能问题，说明你应该为你的选择器使用Context参数。当然，对于很多滥用Context的行为而言，只有正确地为你的选择器去使用它才有可能提高性能。　　查找Context 　　作为jQuery 1.3以后的版本，可以使用新增的Context属性来获取。这儿是如何查看Context是什么： $('a').context; // => document 执行上面的代码显示当前的Context是document元素。事实上，在jQuery对象加载中默认的Context对象就是documnet元素。换句话说，整个文档就选择器的默认对象。、　　改变Context 　　Context参数需要是一个正常工作的节点对象（DOM对象，而不jQuery对象）。这往往是被我们忽视的部分。我在过去也忽视过，很多例子告诉我们，只有传递了一个有效的参数，它才会被作为参考节点去搜索。有时候虽然看起来正常工作了，但jQuery仍然是在整个文档内查找。　　下面这个例子中，虽然使用了第二参数Context，但通过查看Context属性仍然是整个文档（document元素）。 $('a', '#myContainer').context; // => document 　　当jQuery遇到其他的选择器作为Context参数时，它实际上转化成了以下的替换。 $('#myContainer').find('a'); 　　如果你通过jQuery集合作为Context参数，这种转换将以同样的方式发生。　　现在让我们来看一下，怎样将jQuery集合转换成Context参数。 // get the node for the context　 //获得作为Context参数的节点 var context = $('#myContainer')[0]; // pass the context as the second argument　 //作为第二参数传递Context $('a', context).context; // => <div id="myContainer"> 　　从这个例子可以看到，通过将jQuery集合转换一个节点作为Context参数。　　jQuery 1.3.3和.live() 　　在jQuery 1.3.x中， .live()方法绑定了document对象的句柄事件（处理事件）。在即将到来的jQuery 1.3.3中，.live()方法将可以绑定jQuery集合的Context的事件。这意味着你的.live()事件将更加专注更可能地快。
评论^[6]┆阅读^[265]┆引用┆栏目:Open Source^[7]┆Tags:开发^[16] jQuery^[10]
文章评论[]

昵　称: 验证码:[获取验证码] 网　站: E-mail: