jq面向对象demo，面向对象javascript

DOM对象与jquery对象有什么不同

DOM对象，即是我们用传统的方法(javascript)获得的对象，jQuery对象即是用jQuery类库的选择器获得的对象；复制代码 代码如下：var domObj = document.getElementById(id)； //DOM对象 var $obj = $(#id)； //jQuery对象；jQuery对象就是通过jQuery包装DOM对象后产生的对象，它是jQuery独有的。

注：js原生获取的dom是一个对象，jQuery对象就是一个数组对象，其实就是选择出来元素的数组集合。所以说他们两者是不同的对象类型不等价。jQuery无法使用DOM对象的任何方法，同理DOM对象也不能使用jQuery里的方法. 乱使用会报错。例如（文章下面有两个踩坑经历。

jQuery对象与dom对象的转换 只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是jquery对象。普通的dom对象一般可以通过$()转换成jquery对象。如：(document.getElementById(msg))则为jquery对象，可以使用jquery的方法。

本文实例分析了DOM对象和jQuery对象的转换与区别。分享给大家供大家参考。

相关问答

Q1: 深刻了解jQuery对象和普通DOM对象的区别

1、DOM对象，即是我们用传统的方法(javascript)获得的对象，jQuery对象即是用jQuery类库的选择器获得的对象；复制代码 代码如下：var domObj = document.getElementById(id)； //DOM对象 var $obj = $(#id)； //jQuery对象；jQuery对象就是通过jQuery包装DOM对象后产生的对象，它是jQuery独有的。

2、深刻了解jQuery对象和普通DOM对象的区别。互相转化见Q1 Q1，js的写法：document.getElementById(save).disabled=true；在jquery中我是这样写的$(#save).disabled = true； 为什么没效果呢 A，这个是典型的问题，其实因为$(#save)出来的其实是jQuery对象，而不是普通DOM对象 这是新手常见的问题。

3、只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是jquery对象。普通的dom对象一般可以通过$()转换成jquery对象。如：(document.getElementById(msg))则为jquery对象，可以使用jquery的方法。由于jquery对象本身是一个集合。

4、Dom原生对象和jQuery对象的区别：jquery选择器得到的jquery对象和标准的 javascript中的document.getElementById()取得的dom对象是 两种不同的对象类型，两者不等价 ；注：js原生获取的dom是一个对象，jQuery对象就是一个数组对象，其实就是选择出来元素的数组集合。所以说他们两者是不同的对象类型不等价。

Q2: jquery是什么啊?

jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS，DO MORE，写更少的代码，做更多的事情。它是轻量级的js库(压缩后只有21k) ，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器 （IE 0+， FF 5+， Safari 0+， Opera 0+）。

jquery就是基于JavaScript语言写出来的一个框架，实质上还是js而已 So：jQuery 是一个 JavaScript 库；jQuery 极大地简化了 JavaScript 编程；jQuery 使JavaScript更好用；jquery就是要用更少的代码，漂亮的完成更多的功能；最直观的区别就是：外观上jQuery对象比js对象多了$()。

释义：jQuery是一个 JavaScript库。jQuery极大地简化了JavaScript 编程。

Q3: 火狐浏览器使用jq的select()方法时出了点问题,求大神

因此推测其资源引用存在问题，建议您下载到本地后，使用本地配置的jquery库试一试。如果对我们的回答存在任何疑问，欢迎继续问询。

livequery这个插件应该是jquery低版本没有live，delegate这两个function时候开发的。既然都用4的了，怎么还用这个插件？直接用jquery自带的不就行了。live应该是3后有的，delegate应该是2后有的。

看界面应该是表格域的高度塌缩了。jqGrid插件对于表格内容域的扩展的渲染是在页面加载后，计算展示区域高度后匹配，出现该问题可能是某个方法，一般是处于ready区域导致了干扰。

最常见的原因是pathtojsfiles的路径设置错误，您检查下，正确的应该如：var pathtojsfiles = js/； // need to be ajusted // set include to false if you do not want some modules to be included var combineIntoOne = false；您可以在火狐社区了解更多内容。

检查一下如果拼写没有错误的话，应该是网络延迟造成的，jquery是一个文件，好几k，onload执行函数的时候还没加载下来，而你的函数里又用到jq，所以会报错，用谷歌和火狐浏览器调试很方便的，可以看出来哪里报错。

关于jq面向对象demo和面向对象javascript的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。