jQuery學習之路(一)基礎知識

今天開始學習jQuery,希望大家能多多支持!
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="css/test.css" ></link>
<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="js/base.js"></script>
</head>
<body>
		<h1>qijiiijijijij</h1>
</body>
</html>
/*function $(str){
		var htmlobj=document.getElementById(str);
		return htmlobj;
		
}*/

/*$(function(){							//執行一個匿名函數
	$("h1").css('color','red');  		//進行執行的ID元素選擇,執行功能函數	
});

//$本身就是jQuery對象的縮寫形式,下面與之等效
jQuery(function(){
	jQuery("h1").css('color','red');
});
$().css(‘color’, ’red’); //理論上合法,但實際上缺少元素而報錯
值得一提的是,執行了.css()這個功能函數後,最終返回的還是jQuery對象,那麼也就
是說,jQuery的代碼模式是採用的連綴方式,可以不停的連續調用功能函數。
$('#box').css('color', 'red').css('font-size', '50px'); //連綴

$(function () {
});是$("document").ready(function(){

});的簡寫
*/
$("document").ready(function(){	//可以執行多次, 第N次都不會被上一次覆蓋
	//$("h1").css('color', 'red').css('font-size', '50px'); 
	alert($("h1"));			//jQuery對象
	alert(document.getElementByTagName("h1")[0]);	//原生dom對象
	alert($("h1").get(0));			//原生dom對象
	alert($(document.getElementByTagName("h1")[0])); //jQuery對象		
});
/*
 * 從上面 get(0),這裏的索引看出,jQuery 是可以進行批量處理 DOM 的,這樣可以在很
 * 多需要循環遍歷的處理上更加得心應手。
 * 解決多個js庫衝突
 * var $$=jQuery;			//創建一個$$的 jQuery 對象
 * jQuery.noConflict();		//將$符所有權剔除
*/

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