jQuery 学习(一)

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" onclick="test();">你好,JQuery!</div>

 

 

 

你可能感兴趣的:(jquery)