1. 程式人生 > >jquery常用方法總結

jquery常用方法總結

取值與賦值操作

$("#ID").val(); //取value值
$("#ID").val("xxx"); //賦值
$("#ID").text(); //相當於取innerText
$("#ID").text(""); //相當於賦值給innerText
$("#ID").html(); //相當於取innerHTML
$("#ID").html(""); //相當於賦值給innerHTML

屬性設定

$("#ID").attr(key,value);//取得或設定匹配元素的屬性值

顯示和隱藏

$("#ID").hide(); //隱藏
$("#ID").show(); //顯示

事件處理

$(
document).ready(fn); $("#ID").bind(type,[data],fn); //繫結事件處理器函式 $("#ID").toggle(fn,fn);//註冊每次點選時切換要呼叫的函式

外觀效果

$("#ID").addClass(class);//新增樣式
$("#ID").removeClass(class);//移除樣式
$("#ID").css(name,value);//設定一個樣式屬性的值

查詢和遍歷篩選

$("#ID").map(callback);//將一組元素轉換成其他陣列
$("#ID").find(expr);//搜尋所有與指定表示式匹配的元素
$("#ID"
).children();//獲得匹配元素集合中每個元素的所有子元素 $("#ID").parent();//獲得當前匹配元素集合中每個元素的祖先元素 $("#ID").parents();//獲得當前匹配元素集合中每個元素的父元素 $("#ID").filter();//將匹配元素集合縮減為匹配選擇器或匹配函式返回值的新元素 $("#ID").not();//從匹配元素集合中刪除元素 $("#ID").add();//將元素新增到匹配元素的集合中 $("#ID").slice();//將匹配元素集合縮減為指定範圍的子集 $("#ID").siblings(); //獲得匹配元素集合中所有元素的同輩元素 $("#ID").prev() & prevAll();//
獲得匹配元素集合中每個元素緊鄰的前一個/所有同輩元素 $("#ID").next() & nextAll();//獲得匹配元素集合中每個元素緊鄰的一個/所有同輩元素

元素節點操作

$("#ID").wrap(html);//把所有匹配的元素用其他元素的結構化標記包裹起來
$("#ID").empty();//刪除匹配的元素集合中所有的子節點

Ajax操作

$("#ID").load(url,[data],[callback]);//載入遠端 HTML 檔案程式碼並插入至 DOM
//url (String) : 待裝入 HTML 網頁網址。
//data (Map) : (可選) 傳送至伺服器的 key/value 資料。
//callback (Callback) : (可選) 載入成功時回撥函式。
jQuery.ajax();//返回其建立的XMLHttpRequest物件。只有一個引數,引數是key/value 物件,包含各配置及回撥函式資訊。

序列化

 $("form").serialize();//序列化表格內容為字串

工具方法(jQuery可以使用$代替)

jQuery.each(obj,callback);//遍歷物件和陣列
jQuery.map();//修改資料
jQuery.grep();//資料篩選,返回一個經過篩選後的陣列
jQuery.inArray(value,array);//查詢元素的下標
jQuery.merge(array1,array2);//合併兩個陣列
jQuery.unique(dom);//去除重複DOM元素
jQuery.makeArray(obj);//將類陣列物件轉換為陣列物件
jQuery.trim(str);//去掉字串起始和結尾的空格
jQuery.contains(dom1,dom2);//dom1節點是否包含dom2節點
jQuery.type();//返回物件的資料型別
jQuery.isArray();//是否為陣列。
jQuery.isEmptyObject();//是否為空物件(不含可列舉的屬性)。
jQuery.isFunction();//否為函式。
jQuery.isNumeric();//是否為陣列。
jQuery.isPlainObject();//是否為使用“{}”或“new Object”生成的物件,而不是瀏覽器原生提供的物件。
jQuery.isWindow();//是否為window物件。
jQuery.isXMLDoc();//判斷一個DOM節點是否處於XML文件之中。
jQuery.param(object);//將物件的鍵值對轉化為URL鍵值對字串形式
jQuery.proxy();//調整this的指向