jQuery初体验

来源：互联网发布：1024程序员节微博编辑：程序博客网时间：2024/06/06 17:23

jQuery是一个非常优秀的javascript库，与prototype库有想似之处。

<body><div id="lee"></div><script type="text/javascript" src="../jquery-1.7.1.js"></script><script type="text/javascript">var target = $("#lee")target.html("我要学习jQuery").height(60).width(160).css("border" , "2px solid black").css("background-color" , "#ddddff").css("padding" , 20);</script></body>

var target = $("#lee") 返回id为lee的jquery对象，是包装了DOM的jquery对象。jquery有很多改变自身属性的方法，（类似于java中的set方法），返回该jquery对象，所以上面代码连续多次调用改变自身属性的方法。

导入jquery代码如上：

<script type="text/javascript" src="../jquery-1.7.1.js"> // src指向jquery所在的位置

为了让jquery与其他javascript共存，（比如prototype），有一个问题，$()函数，因为$（）函数功能很强大，返回的是jquery对象，而prototype返回的是一个DOM对象，所以必然引发冲突。取消jquery的$()函数，用如下方法：jQuery.noConflict(),相当于取消$()函数，建议放在javascript第一行。也可以起别名，格式如下：

var a = jQuery.noConflict();//相当于把$()函数别名为a（），即a()=$()var target = a("#lee")