今天開始學習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(); //將$符所有權剔除
*/
未完待續。。。。。。