jQuery 作为一个强大的javascript框架,怎能不去了解,学习呢。
引入非常简单,只需要下载一个js,然后引入到页面中就可以了。下载就不多说了。www.jqueyr.com
引入时注意一点:
错误格式 <script type="text/javascript" src="jquery-1.7.2.min.js" />
正确格式:
<script type="text/javascript" src="jquery-1.7.2.min.js" ></script>
初学jQuery的人都会发现$() 这个符合大量的在js里面应用,看上去和prototype里的$()差不多,其实并不是一回事儿。
比如 var target=$("#yzw");
该target并不是DOM对象,而是一个jQuery对象,得到该对象以后就可以进行操作了,比如:
target.html("我要学习jQuery").height(60).width(160).css("border","2px solid black");
所以我们应该名表jQuery的设计:使用jQuery之后,得到的不在是DOM对象,而是包装过DOM对象的jQuery对象了,javaScript通过调用jQuery的对象方法来改变DOM的值。
所以通过jQuery改变DOM对象只需要两步:
1)获取jQuery 对象。jQurey对象通常是对DOM对象的包装。
2)调用jQuery对象的方法来改变自身。当jQuery对象改变时,jQuery包装的DOM对象随之改变,HTML页面的内容页随之更新了。
所以运用jQuery只需要两步即可:
1、如何获取jQuery对象。
2、jQuery有哪些可用的方法。
以上是本人亲自实践的。
一下通过一种代码加注释的方式,进行学习记录(我感觉这是程序员最喜欢的一种学习方式了,不用解释那么多,大家一看就明白了)。
如果一个项目中引入了几个javascript框架,如何共存呢?
首先调用jQuery之前,调用此方法:
jQuery.noConflict();
如下代码:
var yzw=jQuery.noConflict();
var target=yzw("#yzw");
html 页面:
<div id="yzw" οnclick="test();">你好,JQuery!</div>