jQuery之jQuery的介紹

1. jQuery的介紹

jQuery 是目前使用最廣泛的 javascript 函數庫
需要用一個script標籤引入JS文件

2. jQuery的入口函數

jQuery的入口函數有三種形式 ：

第一種：
			$(document).ready(function(){
			});
第二種：
			jQuery(document).ready(function(){
			});
第三種：（常用）
			$(function(){
			})

3. jQuery的樣式操作

獲取樣式
$("元素").css("屬性"); 
設置樣式
$("元素").css("屬性","屬性值"); 
設置多個樣式
$("元素").css({屬性_01:"屬性值_01",屬性_02:"屬性值_02"});

4. jQuery 屬性操作

1. html()取出或設置html內容 (用於html)
  var $htm = $('#div1').html();
  $('#div1').html('<span>添加文字</span>');
  
2. text()取出或設置 text 內容（用於文本）
  var $htm = $('#div1').text();
  $('#div1').text('<span>添加文字</span>');
  
3. attr()取出或設置某個屬性的值（用於圖片）
  var $src = $('#img1').attr('src'); 
  $('#img1').attr({ src: "test.jpg", alt: "Test Image" });

5. jQuery 的特效效果

	fadeIn()淡入
	fadeOut() 淡出
 	fadeToggle() 切換淡入淡出
 	hide() 隱藏元素
  	show() 顯示元素 
   	toggle() 依次展示或隱藏某個元素 
   	slideDown() 向下展開 
   	slideUp() 向上捲起 
   	slideToggle() 依次展開或捲起某個元素 

6. jQuery 動畫
   通過animate方法可以設置元素某屬性上的動畫

$('div').animate({
執行的屬性；
},執行時間(毫秒),function(){})