Jq基礎簡介

jQuery就是用原生js寫出的框架集(Write less do more )

1.需要註意的問題？
(1).jQuery語法需要重新學習
(2).jQuery需要註意版本之間的相容性
(3)不是越新的版本越好（要穩定）
(4)jQuery一般有兩個版本(xxx.min.js和xxx.js) 區別就是去除回車空格換行 (min版一般用在上線項目節約帶寬)

2.jQuery的引入方式?
<script src=”xxx.js”></script>

3.查看jQuery是否被正確引入
1.alert(jQuery);
2.alert($);
3.alert(window.$);
註：$代表jQuery

4.文檔預載入

(1).
$(document).ready(function(){

});

(2).

$(function(){

});
註:正常情況下 jQuery的代碼都要寫在入口之內
能用jQuery語法完成的 儘量使用jQuery語法完成

5.jQuery多個樣式設定 

例：$('#one').css({color:'red',backgroundColor:'#fc1',fontSize:40});

註:原生CSS樣式中有 '-' 的去掉並且將後面的單詞第一個字母大寫

6.jQuery節點短對象和原生js對象不能混用語法
（原生js節點對象與jQuery節點對象的相互轉換）
var one = document.getElementById('one');
將js原生對象轉成jquery對象只需要使用$( )包含起來
定義jQuery對象(變數名以$開頭)
var $one = $(one);
將jQuery對象轉換為原生DOM節點對象
var one = $('#one')[0];
第二種實現方法
var one = $('#one').get(0);

7.書寫時註意一些規範格式
（註意換行,看起來更清晰易懂）
$('ul li')
　.css('color','red')
　.css('background','#fc1')
　.css('marginTop','20px')
　.click(function( ){
　　alert($(this).html( ));
});

8.回到最後一個破壞性操作之前 end( )

$('ul li').first( ).css('backgroundColor','#0fa').end( ).last( ).css('backgroundColor','#0f0');