jQuery基礎核心

jQuery基礎核心
jQuery基礎核心

//代碼風格
$(fucntion(){
});//執行一個匿名函數
$('#box');//進行執行的ID元素選擇
$('#box').css('color','red');//執行功能函數
$就是jQuery對象的縮寫形式

jQuery(function(){});
jQuery('#box');
jQuery('#box').css('color','red');
alert（$===jQuery）//恒等
alert($);

$(funtion(){
alert($);//返回的是jQuery對象
alert($());//返回的還是jQuery對象
alert($().css('color','red'));//返回的還是jQuery對象
alert($().css('color','red')).css('font-size','200px');
});//連綴功能

//載入模式
window.onload=function(){
/傳統方式
}
$(document.ready(function(){
//jQuery方式
});
//區別：
執行時機(必須等到網頁全部載入完畢)（只需要等到DOM載入完畢）
執行次數(只能執行一次)(可以執行多次)
簡寫方案（無）（$(function(){});

//對象互換
$(function(){
alert(document.getElementById("Xxx"));//返回DOM對象
});
alert($('#box').get(0));//返回DOM對象