jQuery使用總結-CorejQuery其他4/4

狗尾巴呢發表於2010-10-14

Core jQuery使用中其要注意的一些知識點

Events

$(`img`).bind(`click`,function(event){alert(`Hi there!`);});

 

      $(function(){

        $(`#example`)

          .bind(`click`,function(event) {

          say(`BOOM once!`);

          })

          .bind(`click`,function(event) {

            say(`BOOM twice!`);

          })

          .bind(`click`,function(event) {

            say(`BOOM three times!`);

          });

      });

 

$(`.whatever`).bind({

  click: function(event) { /* handle clicks */ },

  mouseenter: function(event) { /* handle mouseenters */ },

  mouseleave: function(event) { /* handle mouseleaves */ }

});

 

注意.live的使用

 

在“jQuery 1.4.1 Cheat Sheet.chm”事件節有例子

Effect

處理元素的顯示效果

有 基本顯示、滑動、淡入淡出、字定義

在“jQuery 1.4.1 Cheat Sheet.chm”說明

Utility Functions

函式名都是jQuery. 即$. 開頭

有以下類別:瀏覽器及特性檢測、陣列和物件操作、函式操作、測試操作、字串操作、URL

在“jQuery 1.4.1 Cheat Sheet.chm”工具節

 

$.browser.version

$.merge( [0,1,2], [2,3,4] )

$.isArray([])

$.trim("  hello, how are you?  ");

 

var params = { width:1680, height:1050 };

var str = jQuery.param(params);

$(“#results”).text(str);

AJAX

$.ajax({

   type: “POST”,

   url: “some.php”,

   data: “name=John&location=Boston”,

   success: function(msg){

     alert( “Data Saved: ” + msg );

   }

});

 

var html = $.ajax({

  url: “some.php”,

  async: false

 }).responseText

 

$.getJSON("test.js", function(json){
  alert("JSON Data: " + json.users[3].name);
});

 

關於jquery使用的其他3個內容點參考:

http://www.cnblogs.com/2018/archive/2010/10/12/1849238.html

http://www.cnblogs.com/2018/archive/2010/10/13/1849981.html

http://www.cnblogs.com/2018/archive/2010/10/13/1849982.html