jquery筆記

1. 動畫 $("#mydiv").animate({"width":"300px","height":"400px"},300)

   在3秒內逐漸的改變div的寬和高

   大多數非數值的css屬性都無法用來執行動畫效果.例如:color,background-color

   width,height,left,top可以用來執行動畫

2. fadeOut()方法 和 fadeIn()方法

   使用淡出效果來隱藏被選元素  

   $(selector).fadeOut(speed,callback)

3. jquery操作控件屬性

   document.getElementById('checkbox').getAttribute("checked")取的值是"checked"或者null

   $("checkbox").attr("checked") jquery獲取的值是undefined或者"checked"

   <input type="checkbox" id="cb"  checked="checked"/>

   上面兩種情況獲取的值都是html標籤中checked屬性的字符串值,而不是用戶選擇的真實狀態

   $("checkbox").prop("checked") 獲取的值的格式是false或者true

   $("#btn").prop("disabled",true) 設置按鈕爲不可用的狀態

                       jquery1.6以後的版本才能使用,用來區分某些布爾值屬性

                       如:disabled,checked.

  

4.jquery 回調

   $.extend({ })    對jquery整個類添加類的方法,相當於靜態方法

   $.fn.extend({ })  對jquery類的成員添加成員函數,$.fn動態指向添加函數的jquery對象

5.jquery插件規範代碼

  //聲明函數後立馬自動執行,並且形成了一個封閉的作用域

  //一個<script></script>不能包含兩個(function(){})()聲明,後面的聲明會出現異常.

 （function($){

  

  }）(jQuery)

6.juqery給按鈕添加多個處理流程,和原生的addEventLister和attachEvent函數一樣會依次執行函數

  $("#btn").click(function(){alert('333');});  

  $("#btn").click(function(){alert('4444');});

7.jquery通過屬性定位元素

  $(".className[for='aaa']") []中括號裏面寫上元素的屬性名稱和值

8.eval("alert('123');") eval函數會把裏面的字符串當成js腳本來執行

 eval(callback+"()")  //執行後臺傳遞給前臺的回調函數名稱,後臺傳到前臺都是字符串數據

                //不是function類型,無法通過js代碼直接調用