jQuery简介

时间过得真快啊!转眼间就到S3阶段了,时间犹如流沙在指间流过。

我们刚开始就学习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的介绍能对初学者有所帮助,那就是我的荣幸。

 

 

 

 

 

 

 

posted @ 2013-11-04 16:01  狼刺  阅读(201)  评论(0编辑  收藏  举报