我们刚开始就学习JQuery这门编程语言,让我回忆起了在S2阶段中所学的Javascript语言,
通过几天的学习,对JQuery与Javascript做了一个对比,让我学到了许多。
在这几天的学习让我知道了JQuery是javascript的封装库。
尤其是在JQuery与Javascript对比当中,让我对JQuery有一定了解,知道了JQuery有许多的优点:
<1> 轻量级 (下载的JQuery进过压缩后打下不过100kb).
<2> 强大选择器(JQuery支持css1到css3的选择器)。
<3> 出色DOM操作的封装
(如:JQuery中使用$(选择器)来选择DOM元素,而Javascript使用document.getElementById()或document.getElementsByName()等方式获取DOM元素)
<4>可靠的事件处理机制(对文档的结构和行为的分离有重大作用),如:
<5> 完善的Ajax
<6> 不污染顶级变量(因为JQuery采取闭包的方式)
<7> 浏览器兼容好(编写的JQuery在各个主体浏览器都能够运行)
<8> 链式操作方式 (我们可以把多个操作写在一行里,并用符号“.”连接各个操作)
<9> 丰富插件支持 (可以使用多个Javascript库)
<10> 行为层和结构层分离
<input type="button" id="ok" value="确定" onclick="test();" /> 可转化为: <input type="button" id="ok" value="确定" /> 和在<script type="text/javacript"></script>结点下绑定事件 <script type="text/javacript"> function test(){ //相关操作的代码。。。。。 } //绑定事件 $(function(){ $("$ok").click(text); }); </script>
<11> 完善的文档(如帮助文档)
<12> 开源产品(我们可以查看jQuery的源代码)
<13>隐式迭代 (如:JQuery中使用siblings()方法不用像Javascript中使用for或foreach来循环的方式)
我们知道JQuery对象和DOM对象时两个不相同的两个对象,那么他们是怎样相互转化的:
JQuery对象转化为DOM对象:
我们是使用$(选择器)[0] 或$(选择器).get(0)获取
DOM对象转化为JQuery对象:
直接使用$(DOM对象)
我们在一定的情况下,在项目中需要多个插件或多个Javascript库时,这时它们的顶级变量$会有冲突,该怎样解决?
其实很简单:使用JQuery.noconflict()的方法释放顶级变量$的控制权,以便其他Javascript库使用$变量
如果在后文中要使用JQuery的方法时,以JQuery开头。
但愿,我对JQuery的介绍能对初学者有所帮助,那就是我的荣幸。