惊叹jQuery(解决jQuery对象到DOM的转换)

jQuery是一个javascript框架，但绝对不是通常意义上的一些包装，个人感觉是一个改变js控制方式的框架。我们可以像美工通过写css分离页面代码一样，通过jQuery来分离页面与效果、。下面转一段介绍：

jQuery具有如下一些特点：

1. 代码简练、语义易懂、学习快速、文档丰富。

2. jQuery是一个轻量级的脚本，其代码非常小巧，最新版的JavaScript包只有20K左右。

3. jQuery支持CSS1-CSS3,以及基本的xPath。

4. jQuery是跨浏览器的，它支持的浏览器包括IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+。

5. 可以很容易的为jQuery扩展其他功能。

6. 能将JS代码和HTML代码完全分离，便于代码和维护和修改。

7. 插件丰富，除了jQuery本身带有的一些特效外，可以通过插件实现更多功能，如表单验证、tab导航、拖放效果、表格排序、DataGrid，树形菜单、图像特效以及ajax上传等。

jQuery的设计会改变你写JavaScript代码的方式，降低你学习使用JS操作网页的复杂度，提高网页JS开发效率，无论对于js初学者还是资深专家，jQuery都将是您的首选。

jQuery适合于设计师、开发者以及那些还好者，同样适合用于商业开发，可以说jQuery适合任何JavaScript应用的地方，可用于不同的Web应用程序中。

官方站点：http://jquery.com/ 中文站点：http://jquery.org.cn/

在使用过jQuery后，也发现了一些不爽的地方：

1.大量使用回调（类似java中使用匿名内部类）格式。导致代码不好阅读，更麻烦的是，一不小心就会丢失}）；结束符，导致js失败。。调试js是一个痛苦的过程。

2.使用${}获取到的对象都是jQuery对象，导致DOM中的函数，事件失效。

比如一个<input type="checkbox" id="aaa"/>，使用$("#aaa")得到jQuery对象，但是$("#aaa").checked会出错

jQuery使用自己的API，与标准js不兼容.

p.s.解决jQuery到DOM对象的转换：

1. 使用$("#aaa")得到jQuery对象。使用$("#aaa")[0]则可以取得DOM对象，$("#aaa")[0].checked使用无误。

2. jQuery的API中提到了一个get（）函数，可以解决对象到DOM的转换。

get() 取得所有匹配的 DOM 元素集合。

这是取得所有匹配元素的一种向后兼容的方式（不同于jQuery对象，而实际上是元素数组）。

如果你想要直接操作 DOM 对象而不是 jQuery 对象，这个函数非常有用。

-------------------------------------------------------------------------------- Access all matched DOM elements. This serves as a backwards-compatible way of accessing all matched elements (other than the jQuery object itself, which is, in fact, an array of elements). It is useful if you need to operate on the DOM elements themselves instead of using built-in jQuery functions.

返回值 Array<Element>

注意到返回的是队列，$("#aaa").get()[0] 就可以返回当前DOM的 input元素。$("#aaa").get()[0].checked使用无误

转载于:https://www.cnblogs.com/ranzige/p/3838169.html

惊叹jQuery(解决jQuery对象到DOM的转换)相关推荐

jQuery→简介引入、jQuery类数组对象$()与DOM对象、各种选择器、attr()、html() 、text()、val()
官网下载 https://jquery.com/download/ jQuery对象与DOM对象 jQuery类数组对象$('')转DOM对象 DOM对象转jQuery对象 id选择器类选择器元素 ...
JS对象与Dom对象与jQuery对象之间的区别
前言通过问题看本质: 举例: js的写法:document.getElementById('save').disabled=true; 在jquery中我是这样写的 $("#save&qu ...
jQuery对象和DOM对象互转的问题、jQuery文件引入问题、DOM版本的网页开关灯
jQuery对象和DOM对象互转的问题 <!DOCTYPE html> <html lang="en"> <head><meta char ...
jQuery概述、优点、使用步骤、入口函数、jQuery对象和DOM对象之间的转换、层级选择器、属性选择器、筛选选择器、节点选择器
jQuery简介: jQuery是一个高效.精简并且功能丰富的javascript库,它提供的API简单易学,且兼容众多浏览器,极大地简化了javascript代码开发,包含内容:HTML 元素选取. ...
jquery 对象和 js 对象为什么要互相转换?_JQuery对象与dom对象两者之间的相互转换...
jQuery 是一个 JavaScript 库,极大地简化了 JavaScript 编程.但是在 JQuery 中,有些 javascript 方法却不能直接使用.如何解决这个问题呢?接下来就讲述一下 ...
JavaScript程序库jQuery学习笔记分享(二)jQuery对象和DOM操作，和其他js库冲突处理
今天我继续更新jQuery学习笔记,最近考试比较忙,也就更新的比较慢了,这里向大家说一声抱歉,嘻嘻. 让那不愉快的情绪过去吧,继续进行我们的jQuery之旅吧. 一:jQuery对象和DOM对象 1. ...
jquery对象PHP转换,JavaScript_jQuery对象与DOM对象之间的相互转换，1、jQuery对象转换成DOM对象 jQue - phpStudy...
jQuery对象与DOM对象之间的相互转换 1.jQuery对象转换成DOM对象 jQuery对象不能使用DOM中的方法,但如果对jQuery对象所提供的方法不熟悉,或者jQuery没有封装想要的方法 ...
jQuery对象和DOM对象使用说明
1.jQuery对象和DOM对象第一次学习jQuery,经常分辨不清哪些是jQuery对象,哪些是 DOM对象,因此需要重点了解jQuery对象和DOM对象以及它们之间的关系.DOM对象,即是我们用传 ...
jquery对象PHP转换,jquery对象和DOM对象如何相互转换？
本篇文章给大家介绍一下jquery对象和DOM对象的转换,有需要的朋友可以参考一下,希望对你有所帮助. 我们在上一篇文章jquery对象和DOM对象的区别有哪些?中也简单介绍了关于jquery对象和D ...

惊叹jQuery(解决jQuery对象到DOM的转换)

惊叹jQuery(解决jQuery对象到DOM的转换)相关推荐

最新文章

热门文章