关于jQuery对象的两个属性selector和context

 

Context参数需要是一个正常工作的节点对象（DOM对象，而不jQuery对象）。虽然传递jQuery对象也可以起到限定查找范围的作用，但是这样的话，那么jQuery对象的context属性就会变成整个Document对象。如果您看完了DEMO，有一些不同的看法的话，请尽管拍砖，不甚感激。

 

恩~~通过上面的篇幅以及DEMO，大家已经基本上知道了jQuery对象的两个属性selector和context到底是什么东西了吧。
呵呵~~知道了是什么是一回事，知道可以用到哪里又是另外一回事了。对吧。（其实我也还不算是很明白有什么用。^_^）
好吧，我们来看一下jQuery Cycle Plugin这个插件的源码中怎么运用这两个jQuery对象的属性的。

view source print?

01	$.fn.cycle = function(options, arg2) {

02	var o = { s: this.selector, c: this.context };

03	if (this.length === 0 && options != 'stop') {

04	if (!$.isReady && o.s) {

05	log('DOM not ready, queuing slideshow');

06	$(function() {

07	$(o.s,o.c).cycle(options,arg2);

08

});

09	return this;

10

}

11	log('terminating; zero elements found by selector' + ($.isReady ? '' : ' (DOM not ready)'));

12	return this;

13

}

14	return this.each(function() {

15	var opts = handleArguments(this, options, arg2);

16	if (opts === false)

17

return;

18	............省略了一千多行代码..............

19

}

20

}

大家应该看到了吧，在代码的第二行就出现了这两个jQuery对象的属性。
看了上面的代码，大家能理解代码从第二行到第十三行，是做了些什么工作吗？
我认为主要是实现了这样的一个错误处理的功能，应该是防止用户在调用此插件的时候，忘记了将代码放到$(document).ready()中运行。
如果当用户真的没有将插件调用代码放到$(document).ready()里面去运行的时候，这里给出了这样的处理：
首先判断调用插件的选择器是否获取到元素，如果没有获取到而且options 参数不等于stop，那么再进行判断如果HTML文档没有加载完成且“o.s”（jQuery对象的selector属性）是定义了的，那么这种情况下就说明用户忘记了将插件调用代码放到里面去运行，然后插件的代码给出的处理是将插件调用代码放到$(document).ready()中运行，然后阻止这次的调用（return this）

上面讲叙的比较乱，可能有点难理解，我自己也不知道该怎么讲。呵呵~~不理解也没多大事，慢慢学~功到自然成。
下面再将上面的插件代码加上注释给大家看看，不知道效果怎么样？呵呵

view source print?

01	$.fn.cycle = function(options, arg2) {

02	var o = { s: this.selector, c: this.context };//声明变量o，存储的是jQuery对象的selector属性和context属性

03	if (this.length === 0 && options != 'stop') {//如果参数options不为“stop”，而且没有找到调用元素

04	if (!$.isReady && o.s) {//如果HTML文档没有加载完成且“o.s”（jQuery对象的selector属性）是有定义的

05	log('DOM not ready, queuing slideshow');//提交log记录

06	$(function() {//重新将插件运行代码放到$(document).ready()中运行

07	$(o.s,o.c).cycle(options,arg2);//相当于重新运行了插件代码

08

});

09	return this;//阻止插件代码进一步执行，返回当前jQuery对象

10

}

11	log('terminating; zero elements found by selector' + ($.isReady ? '' : ' (DOM not ready)'));

12	return this;

13

}

14	return this.each(function() {

15	var opts = handleArguments(this, options, arg2);

16	if (opts === false)

17

return;

18	............省略了一千多行代码..............

19

}

20

}