jquery以dom为中心，jquery和dom对象的相互转换

几种jQuery查找dom的方法

利用jQuery 选择器查找到需要的元素后，就可以使用attr()方法来获取它的各种属性的值.attr()方法得参数可以是一个，也可以是两个。当参数是一个时，则是要查询的属性的名字。

第一步：sizzle选择器基于元素的id、类、类型、属性、属性值等查找（或选择）HTML元素，简单的说是基于css选择器，除此之外还有一些特定的选择器。

该方法沿着 DOM 元素的后代向下遍历，直至最后一个后代的所有路径（） filter： 必需 。过滤搜索后代条件的选择器表达式、元素或 jQuery 对象。如需返回多个后代，请使用逗号分隔每个表达式。

基本选择器 基本选择器是jQuery中最常用也是最简单的选择器，它通过元素的id、class和标签名等来查找DOM元素。

DOM树的节点 DOM节点分为三大类： 元素节点(标签节点)、属性节点和文本节点。属性节点和文本节点都属于元素节点的子节点。 因此操作时，需先选中元素节点，再修改属性和文本。

相关问答

Q1: DOM对象与jquery对象有什么不同?

jQuery对象就是通过jQuery包装DOM对象后产生的对象。

普通的dom对象一般可以通过$()转换成jquery对象。如：(document.getElementById(msg))则为jquery对象，可以使用jquery的方法。由于jquery对象本身是一个集合。

A，这个是典型的问题，其实因为$(#save)出来的其实是jQuery对象，而不是普通DOM对象 这是新手常见的问题。

JS和JQUERY的区别如下：①.根据ID取元素 { JS：取到的是一个DOM对象。例：var div = document.getElementByID(one)；JQUERY：取到的是一个JQUERY对象。

DOM对象和jQuery对象是两种不同的对象，它们的实例也因此具有不同的属性和方法。通常要操作页面中的节点，我们都需要想办法获取对该节点的引用。

this指向的是触发函数的对象，自然也就是指向这个按钮了，按钮就是DOM对象。虽然你是用jquery的选择器选中的元素按钮，但是，也仅仅是使用了选择功能，函数并不会绑定到jQuery的对象里的。

Q2: 使用前端框架带来哪些好处,相对于使用jquery

1、前端框架一般指用于简化网页设计的框架，比如，jquery，extjs，bootstrap等等，这些框架封装了一些功能，比如html文档操作，漂亮的各种控件（按钮，表单等等）。

2、使用前段框架可以降低界面开发周期和提高界面的美观性。 有些框架比较轻量，比如jquery，有些框架比较重量，比如extjs。一般来说重量的框架会封装更多的功能，比如extjs，封装的grid控件有很强的数据展示和操作功能。

3、Node.js 的发布，不仅为开发者带来了一个高性能的服务器，还很大程度上推动了前端的工程化，带来了前端的大繁荣。

4、易于扩展 由于Jquery提供了方便的扩展机制，可以查找很多易用的扩展插件来增强我们的使用 方便的dom操作方式 轻便的体积 相对于庞大臃肿的Extjs来说，jquery真的是太小了，这个就不用我多说了。

5、bootstrap是一个响应式框架，基于Jquery。jquery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库。

6、浏览器兼容性非常好。QUICKUI0使用了很多HTML5，CSS3技术用于提高表现力和用户体验，这些新的特性在现代浏览器中会有很好的效果。

关于jquery以dom为中心和jquery和dom对象的相互转换的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。