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")