Jquery基礎整理2

16  RadioButton操作

(1) 取得RadioButton中的選中值

$(“input[name=gender]:checked”).val();

<input id=”Radio1”checked=”checked” name=”gender” type=”Radio” value=”男” />男

<input id=”Radio2”checked=”checked” name=”gender” type=”Radio” value=”女” />女  <input id=”Radio3”checked=”checked” name=”gender” type=”Radio” value=”保密” />保密

(2) 設定RadioButton的選中值

$(“input[name=gender]”).val([“女”]);或者$(“:radio[name=gender]”).val([“女”]);

注釋：val中參數的[]不能省略。

(3) 對RadioButton的選擇技巧對於CheckBox和Select列表框也適用。

(4) 除了可以使用val大量設定RadioButton,CheckBox等的選中以外，還可以設定checked屬性來單獨設定控制項的選中狀態。

        $(“#btn1”).attr(“checked”,true);

17  JQuery事件

(1) JQuery中的事件綁定  $(“#btn”).bind(“click”,function(){  });，每次都這麼調用太麻煩，所以JQuery可以用$(“#btn”).click(function(){  })來進行簡化。

(2) 合成事件hover，hover(enterfn,leavefn); 當滑鼠放在元素上時調用enterfn方法，當滑鼠離開元素的時候調用leavefn方法。

(3) 事件冒泡  JQuery中也向JavaScript一樣是事件冒泡。

(4) 呼叫事件對象的stopPropagation()方法終止冒泡。  e.stopPropagation();

        註：如果想要獲得事件相關的資訊，只要給響應的匿名函數增加一個參數e,e就是事件對象。

        $(“tr”).click(function(e){

 alert(“tr被點擊”); e.stopPropagation();

});            注意：函數的參數是e.

(5) 阻止預設行為：有的元素有預設行為，比如超連結點擊後會轉向新串連，提交按鈕會預設提交表單，如果想阻止預設行為只有呼叫事件對象的PreventDefault()方法和window.event.return.value=false效果一樣。

        $(“a”).click(function(e){

               alert(“所有超連結暫時全部禁止”); e.PreventDefault();

});

(6) 屬性  pageX，pageY,target獲得觸發事件的元素（冒泡的起始，和this不一樣）。

which如果是滑鼠事件獲得按鍵(1 左鍵，2 中鍵，3 右鍵)。altkey、shiftkey、ctrlkey獲得alt,shift,ctrl是否按下，為bool值。keycode(鍵盤碼，小鍵盤的1和主鍵盤的keycode不一樣)，charcode(ASC碼)屬性發生事件時的keycode,charcode。

(7) 移除事件綁定  bind()方法即可移除元素上所有綁定的事件，如果unbind(“click”)則只移除click事件的綁定。  bind  :  +=   unbind :  -=

(8) 一次性事件：如果綁定的事件只想執行一次隨後立即unbind.，可以使用one()方法進行事件綁定。

18  JQuery滑鼠

(1) 獲得發生事件時滑鼠的位置

        $(document).mousemove(function(){

               document.title=e.pageX+”,”+e.pageY;

});

(2) 在mousermove,clcik等事件的匿名響應函數中如果指定一個參數e,那麼就可以從e讀取發生事件時的一些資訊，比如對mousemove等滑鼠事件來說，就可以讀取e.pageX，e.pageY來獲得發生事件時滑鼠在頁面的座標

註解：body只是元素的顯示範圍，document是整個文檔。

19  JQuery動畫

show()，hide()方法是顯示，隱藏元素，用toggle()方法在顯示，隱藏之間切換。

$(“:button[value=show]”).click(function(){    $(“:button[value=hide]”).click(function(){

        $(“div”).show();                          $(“div”).hide();

});                                     });

註解：如果show(),hide()方法不帶參數則是立即顯示，立即隱藏，如果指定速度參數，則會用指定時間進行動態顯示，隱藏，單位為毫秒，也可以使用三個內建的速度。

fast(200毫秒)，normal(400毫秒)，slow(600毫秒)。

20  JQuery外掛程式  JQuery Cookie

(1) 什麼是Cookie  Cookie就是儲存在瀏覽器上面的內容，使用者在這次瀏覽頁面的時候向Cookie中儲存常值內容。下次在訪問頁面的時候就可以取出來上次儲存的內容，這樣就可以得到上次”記憶的內容”。Cookie不是JQuery特有的概念，只不過是JQuery把它簡化的更好用而已。

(2) Cookie需要瀏覽器的支援，瀏覽器的Cookie是可以禁用的，如果禁用了Cookie就不能使用了，不過一般不用考慮禁用Cookie的情況，Cookie的幾個特徵，Cookie是與網域名稱相關的，所以163.com不能讀取baidu.com記錄的Cookie,因為如此讀取，設定Cookie的時候不用擔心不同網域名稱Cookie的衝突，一個網域名稱能寫入的Cookie總尺寸是有限制的，一般是幾KB，能寫入的Cookie總條數一般是幾十條，超過以後瀏覽器自己會根據自己的策略移除一些Cookie，Cookie不是寫入以後一定下一次能讀取出來，瀏覽器可能會定期清除，使用者也可以手動清除。

(3) Cookie就是儲存在瀏覽器上面的一些資料。

21  JQuery Cookie使用

(1) 使用方法，Cookie儲存的是索引值對。

        1) 添加JQuery.Cookie.js

        2) 設定值， $.cookie(“名字”,”值”)。 Cookie中儲存的值都是文本

        3) 讀取值 var v=$.cookie(“名字”);

        4) $.cookie(“使用者名稱”,”Tom”);在同網域名稱的另外一個頁面下面也能讀到。

(2) 設定值的時候還可以指定第三個參數， $.cookie(“名字”,”值”，{expires:7，path:’/’，domain:’itcast.cn’，secure=true});  expires表示要求瀏覽器保留Cookie幾天，這個值只是給瀏覽器的建議，可能沒到時間已經被清除了。