查找：

$("div").children()      　　　　//div中的每個子元素,第一層
$("div").find("span")   　　　　 //div中的包含的所有span元素,子子孫孫

$("p").next()       　　　　　　　//緊鄰p元素後的一個同輩元素
$("p").nextAll()           　　 //p元素之後所有的同輩元素
$("#test").nextUntil("#test2") //id為"#test"元素之後到id為‘#test2‘之間所有的同輩元素,掐頭去尾

$("p").prev()            　　　　//緊鄰p元素前的一個同輩元素
 

$("p").prevAll()         　　　　//p元素之前所有的同輩元素
$("#test").prevUntil("#test2")    //id為"#test"元素之前到id為‘#test2‘之間所有的同輩元素,掐頭去尾

$("p").parent()         　　　　 //每個p元素的父元素
$("p").parents()        　　　　 //每個p元素的所有祖先元素,body,html
$("#test").parentsUntil("#test2")    //id為"#test"元素到id為‘#test2‘之間所有的父級元素,掐頭去尾

$("div").siblings()     　　　　 //
 
所有的同輩元素,不包括自己

基本操作屬性：

$("img").attr("src");    　　　　　　 　　　　//返回文檔中所有圖像的src屬性值
$("img").attr("src","test.jpg");    　　　　//設置所有圖像的src屬性
$("img").removeAttr("src");    　　　　　　　//將文檔中圖像的src屬性刪除

$("input[type=‘checkbox‘]").prop("checked", true);    //選中復選框
$("input[type=‘checkbox‘]").prop("checked", false
 
);
$("img").removeProp("src");    　　 　　　　 //刪除img的src屬性

CSS類：

$("p").addClass("selected");    　　//為p元素加上 ‘selected‘ 類
$("p").removeClass("selected");    //從p元素中刪除 ‘selected‘ 類
$("p").toggleClass("selected");    //如果存在就刪除,否則就添加

HTML代碼/文本/值

$(‘p‘).html();    　　　　　　　　　　 //返回p元素的html內容
$("p").html("Hello <b>nick</b>!");  //設置p元素的html內容
$(‘p‘).text();    　　　　　　　　　　 //返回p元素的文本內容
$("p").text("nick");    　　　　　　　//設置p元素的文本內容
$("input").val();    　　　　　　　　 //獲取文本框中的值
$("input").val("nick");     　　　　 //設置文本框中的內容

樣式css操作：

樣式：

$("p").css("color");         　　　　 //訪問查看p元素的color屬性
$("p").css("color","red");   　　　　 //設置p元素的color屬性為red
$("p").css({ "color": "red", "background": "yellow" });    //設置p元素的color為red，background屬性為yellow（設置多個屬性要用{}字典形式）

位置：

$(‘p‘).offset()     　　　　　　　　//元素在當前視口的相對偏移,Object {top: 122, left: 260}
$(‘p‘).offset().top
$(‘p‘).offset().left
$("p").position()   　　　　　　　　//元素相對父元素的偏移,對可見元素有效，Object {top: 117, left: 250}

$(window).scrollTop()    　　　　　　//獲取滾輪滑的高度
$(window).scrollLeft()   　　　　　　//獲取滾輪滑的寬度
$(window).scrollTop(‘100‘)    　　 //設置滾輪滑的高度為100

事件：

$("p").click();    　　　　　　　　　　//單擊事件
$("p").dblclick();    　　　　　　　　//雙擊事件
$("input[type=text]").focus() 　　 //元素獲得焦點時,觸發 focus 事件
$("input[type=text]").blur()   　　//元素失去焦點時,觸發 blur事件
$("button").mousedown()　　//當按下鼠標時觸發事件
$("button").mouseup()  //元素上放松鼠標按鈕時觸發事件
$("p").mousemove()     //當鼠標指針在指定的元素中移動時觸發事件
$("p").mouseover()     //當鼠標指針位於元素上方時觸發事件
$("p").mouseout()    　//當鼠標指針從元素上移開時觸發事件
$(window).keydown()    //當鍵盤或按鈕被按下時觸發事件
$(window).keypress()   //當鍵盤或按鈕被按下時觸發事件,每輸入一個字符都觸發一次
$("input").keyup()     //當按鈕被松開時觸發事件
$(window).scroll()     //當用戶滾動時觸發事件
$(window).resize()     //當調整瀏覽器窗口的大小時觸發事件
$("input[type=‘text‘]").change()    //當元素的值發生改變時觸發事件
$("input").select()    //當input 元素中的文本被選擇時觸發事件
$("form").submit()     //當提交表單時觸發事件
$(window).unload()     //用戶離開頁面時

jquery方法整理