jquery經常使用方法

轉：https://blog.csdn.net/yl2isoft/article/details/54427694

取值與賦值操做

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

• 1
• 2
• 3
• 4
• 5
• 6

屬性設置

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

• 1

顯示和隱藏

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

• 1
• 2

事件處理

$(document).ready(fn); $("#ID").bind(type,[data],fn); //綁定事件處理器函數 $("#ID").toggle(fn,fn);//註冊每次點擊時切換要調用的函數

• 1
• 2
• 3

外觀效果

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

• 1
• 2
• 3

查找和遍歷篩選

$("#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();//得到匹配元素集合中每一個元素緊鄰的一個/全部同輩元素

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12

元素節點操做

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

• 1
• 2

Ajax操做

$("#ID").load(url,[data],[callback]);//載入遠程 HTML 文件代碼並插入至 DOM 中 //url (String) : 待裝入 HTML 網頁網址。 //data (Map) : (可選) 發送至服務器的 key/value 數據。 //callback (Callback) : (可選) 載入成功時回調函數。 jQuery.ajax();//返回其建立的XMLHttpRequest對象。只有一個參數,參數是key/value 對象，包含各配置及回調函數信息。

• 1
• 2
• 3
• 4
• 5

序列化

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

• 1

工具方法(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的指向