jQuery 学习(一)

本文介绍了jQuery这一强大JavaScript框架的基础使用方法,包括如何引入jQuery库、理解jQuery对象与DOM对象的区别及如何利用jQuery对象的方法来实现对DOM的操作。同时,还探讨了在项目中引入多个JavaScript框架时如何解决冲突的问题。

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>

 

 

 

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值