现在的位置: 首页 > 综合 > 正文

jQuery初体验

2018年02月05日 ⁄ 综合 ⁄ 共 795字 ⁄ 字号 评论关闭

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

抱歉!评论已关闭.