jQuery初體驗

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



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章