一、獲得內容1、text() -設定或返回所選元素的文字內容。
2、html() -設定或返回所選元素的內容（包括 html 標記）。
3、val() -設定或返回表單字段的值。
二、獲取屬性-attr
1、獲取屬性: $("
#runoob
").attr("
class")。
2、設定屬性: 單個屬性: $("
#runoob
").attr("
class
","text
")、多個屬性: $("
#runoob
").attr();
三、新增元素 p
追加文字");
2、prepend() - 在被選元素的開頭插入內容。$("
p").prepend("
在開頭追加文字");
3、after() - 在被選元素之後插入內容。$("
img").before("
之前");
4、before() - 在被選元素之前插入內容。$("
img").after("之後"
); after/before 是在元素外面追加。
四、刪除元素
1、remove() -刪除被選元素（及其子元素）。
2、empty() -從被選元素中刪除子元素。
五、操作css
1、addclass() -向被選元素新增乙個或多個類。
2、removeclass() -從被選元素刪除乙個或多個類。
3、toggleclass() - 對被選元素進行新增/刪除類的切換操作(有則刪除、無則新增)。
4、設定css。設定多個css樣式。$("
p").css();
六、高寬設定
1、width() 方法設定或返回元素的寬度（不包括內邊距、邊框或外邊距）。$("
#div1
").width()
2、height() 方法設定或返回元素的高度（不包括內邊距、邊框或外邊距）。$("
#div1
").height()
3、innerwidth() 方法返回元素的寬度（包括內邊距）。 $("
#div1
").innerwidth()
4、innerheight() 方法返回元素的高度（包括內邊距）。$("
#div1
").innerheight()
5、outerwidth() 方法返回元素的寬度（包括內邊距和邊框）。$("
#div1
").outerwidth()
6、outerheight() 方法返回元素的高度（包括內邊距和邊框）。$("
#div1
").outerheight()
七、遍歷(1
) 遍歷祖先
1、parent() ：parent() 方法返回被選元素的直接父元素。 $("
span
").parent() 無法指定。
2、parents() ：parents() 方法返回被選元素的所有祖先元素，它一路向上直到文件的根元素 (); 單個: $("
span
").parents() 指定: $("
span
").parents("
.textclass")。
3、parentsuntil() ：parentsuntil() 方法返回介於兩個給定元素之間的所有祖先元素。$("
span
").parentsuntil("
div"
)，可指定。(2
) 遍歷後代
1、children() ：children() 方法返回被選元素的所有直接子元素。該方法只會向下一級對 dom 樹進行遍歷。單個: $("
div").children() ,指定 :$("
div").children("
.textclass");
2、find() ：find() 方法返回被選元素的後代元素，一路向下直到最後乙個後代。 單個: $("
div").find() ,指定 :$("
div").find("
.textclass");
(3) 遍歷同胞
1、siblings() ：siblings() 方法返回被選元素的所有同胞元素。單個: $("
h2").siblings(); 指定:$("
h2").siblings("p"
);
2、next() ： next() 方法返回被選元素的下乙個同胞元素。 $("h2"
).next() 無法指定;
3、nextall() ： nextall() 方法返回被選元素的所有跟隨的同胞元素。$("h2"
).nextall();
4、nextuntil() ： nextuntil() 方法返回介於兩個給定引數之間的所有跟隨的同胞元素。 $("
h2").nextuntil("h6"
);
5、prev(), prevall() 以及 prevuntil() 方法的工作方式與上面的方法類似，只不過方向相反而已：它們返回的是前面的同胞元素（在 dom 樹中沿著同胞之前元素遍歷，而不是之後元素遍歷）。
八、過濾
1、first() ： first() 方法返回被選元素的首個元素。 $("
div p
").first();
2、last() ：last() 方法返回被選元素的最後乙個元素。$("
div p
").last();
3、eq() ：eq() 方法返回被選元素中帶有指定索引號的元素。$("
p").eq(1
);
4、filter() ：filter() 方法允許您規定乙個標準。不匹配這個標準的元素會被從集合中刪除，匹配的元素會被返回。 $("
p").filter("
.url
") 返回帶有類名 "
url" 的所有 元素。
5、not() ： not() 方法返回不匹配標準的所有元素。 $("
p").not("
.url
") 返回不帶有類名 "
url" 的所有 元素。
總結: 三個最基本的過濾方法是：first(), last() 和 eq()，它們允許您基於其在一組元素中的位置來選擇乙個特定的元素。其他過濾方法，比如 filter() 和 not() 允許您選取匹配或不匹配某項指定標準的元素。
jquery基本用法
原文出處 函式描述 selector hide 隱藏被選元素 selector show 顯示被選元素 selector toggle 切換 在隱藏與顯示之間 被選元素 selector slidedown 向下滑動 顯示 被選元素 selector slideup 向上滑動 隱藏 被選元素 sel...
jQuery基本用法
jquery就是乙個工具，它對獲取物件和操作物件進行了封裝，提供了非常簡單的解決方案。jquery物件和js原生物件的區別 jquery可以使用jquery封裝的各種便利的方法。js原生物件 jquery物件.get 0 jquery物件 0 獲取物件 利用css的選擇器獲取物件 基本選擇器 id ...
JQuery基本用法總結
1.css選擇器 documnet css 選擇整個文件物件 myid 選擇id myid的元素 div myclass 選擇class為myclass的div元素 2.jquery特有的表示式 a first 選擇網頁中的第乙個a元素 tr odd 選擇 的奇數行 div visible 選擇可見...