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

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值