Jquery 中 DOM 对象和 jQuery 对象对象的问题

今天写一个代码，在

each(i,n){
n.val()
}

 老是得不到值，后来改为

each(i,n){
$(n).val()
}

就可以了。
后来查看了一下API 文档发觉这是把DOM 对象和JQuery 对象混淆了。
API 文档说明如下：

each(callback)

概述

以每一个匹配的元素作为上下文来执行一个函数。

意味着，每次执行传递进来的函数时，函数中的this关键字都指向一个不同的DOM元素（每次都是一个不同的匹配元素）。

<img/><img/>

jQuery 代码:

$("img").each(function(i){
   this.src = "test" + i + ".jpg";
 });

结果:

[ <img src="test0.jpg" />, <img src="test1.jpg" /> ]

看到这里使用的是this.src= 没有使用jquery 语法。

如果你想得到 jQuery对象，可以使用 $(this) 函数。

$("img").each(function(){
  $(this).toggleClass("example");
});

大家可以从调试页面看出是否为jquery 对象如下图：

可以看到右下角区域  groupChecked 显示为 有Jquery ”1.3.2“ 说明groupChecked 为jquery 对象。 
而下面的 0,1,2 所代表的为 input #checkboxGroup_1 1 ....为DOM 对象。
可以从下图看#checkboxGroup_1 的属性说明它是DOM 对象：

没有Jquery 1.3.2 属性。也没有上图selector 只有DOM 节点有的属性childNodes   attributes [type="checkbox",id="checkboxgroup_0"] 。

这两种对象类型一定要分清楚，不然容易混淆用错。
经过2个月的实习，我发觉程序是调出来的。不仅知识很重要调试方法也很重要。
以为都用火狐调试js 今天发现IE8的调试工具在某些方面有过之而不急。
如下图：

如果js 有什么错误的话，IE 控制台会提示，并且指出错误的类型和地方，这相当方便。
如上图也是 this 没有加$符号所以不是jquery 对象所以就不能用attr()方法。 貌似这样提示错误在firefox 上没有。