取值與賦值操作
$("#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的指向
<link rel="stylesheet" href="http://csdnimg.cn/release/phoenix/production/markdown_views-0dc44d5592.css">
</div>