JQuery Object vs. DOM element

jquery object 和 dom的区别

html dom 定义了访问和操作html文档的标准方法。其中 document 是dom 树的根对象 ，在浏览器宿主环境中，可以通过js操作html dom，例如：

如果将dom element alert 出来，其显示为 [object htmlformelement]

jquery object 包含了一个dom element 的数组， 例如 $('form') 表示当前页面中所有form元素的jquery object数组。

如果将jquery object  alert 出来，其显示为 [object object]

jquery object, dom 互转

jquery object 转 dom

如果确定该jquery object 只包含一个dom对象，可以直接获取，例如

如果是一组dom对象，可以用each迭代，例如，打印所有checkbox的value代码。

关于console.log()， 我也是今天才知道，在chrome中，可以用ctrl+shift+i 打开调试javascript 的console， 不仅可以打印log，还可以设置断点debug。 比alert 好用多了，看来还是要多看资料啊。

dom 转 jquery object 就 更简单了， 用$( ) 包住 dom object  就可以了， 例如， $(document.getelementbyid("uniqueid"))

实战

页面上有多个form表单，要求在每个表单里的checkbox按照数据库中已有信息，进行预先勾选。