jquery基本文法

 

1.尋找ID為“＃”的元素------->$("#元素ID")

2.尋找Dom中一個節點；------>$("標籤名稱")

3.尋找某一個特定的類；------>$(".類名")

4.尋找所有Dom標籤元素；----->$("*")

5.尋找Dom架構內部的某一給定的祖代元素的後代元素；----->$("祖先元素 後代元素")

6.尋找Dom架構內某一父節點下的所有子節點元素；----->$("父節點元素 子節點元素")

7.給某一指定Input元素賦值；------>$("input").val("值的內容");

8.匹配所緊接在某一元素後的特定元素；----->$("Prev+Next")，即尋找所有跟在Prev後的Next元素；

9.匹配緊接在某一元素後的所有同輩元素；---->$("Prev~Next"),即尋找所有跟在Prev後且與Prev同輩的Next元素；

10.匹配找到的第一個元素；-----$("tr:first"),即找到表格中第一行；

10.匹配找到的最後一個元素；-----$("tr:last"),即找到表格中最後一行；

11.去除所有與給定選取器匹配的元素；----->$("input:not(:checked)")，即尋找所有未選中的Input元素；（似乎有點問題）；

12.匹配所有索引值為偶數的元素，從0開始計數；------>$("tr.even")，即是尋找表格中的奇數行；

13.匹配所有索引值為偶數的元素，從0開始計數；------>$("tr. odd")，即是尋找表格中的偶數行；

14.匹配一個給定的索引值的元素,從0開始計數；------->$("tr:eq(1)")，即是尋找表格的第二行；

15.匹配所有大於給定索引值的元素，從a0開始計數；----->$("tr:gt(0)"),即是尋找表格中第二第三行；

16.匹配所有小於給定索引值的元素，從0開始計數；----->$("tr:lt(2)"),即是尋找表格中第一第二行；

17.:header匹配如H1、H2、H3之類的元素；----->$(":header").css("background","#Baaaaa");

18..animate執行一個動畫特效;------>$("元素ID號").animate({left:"+234"},1200)

                                                 .animate({opacity:"0.7",top:"+200"},"slow")

                                                 .animate({top:"0"},"fast")

                                                 .slideUp(1000)

                                                 .slideDown(2000)

19.匹配包含給定文本的元素;------>$("div:contains('給定元素')"),即尋找所有包含'給定元素'的div元素.

20.匹配所有不包含子項目或者文本的空元素;----->$("td:empty"),即尋找所有列值為空白的元素;

21.匹配所有包含子項目或者文本的元素;------>$("td:parent"),即尋找所有列值不為空白或者td中含有td的列;

22.匹配含有某所一特定元素的元素;------>$("div:has(p)"),即尋找所有div中含有p標籤的div元素;

23.匹配所有可見元素;-------->$("tr:visible"),即尋找所有可見的tr元素;

24.匹配所的隱藏元素,input的type屬性為Hidden的話,可會被匹配到;------>$("tr:hidden"),即尋找所有不可見的tr元素;

25.匹配包含給定屬性的元素;------->$("div[id]"),即尋找所有含有id屬性的Div元素;

26.匹配給定屬性是某個特定值的元素;-------->$("input[name='newsletter']").attr("checked",true);,即尋找所有name屬性為newsletter的input元素;

27.匹配給定屬性不是包含某個特定值的元素;-------->$("input[name!='newsletter']").attr("checked",true);,即尋找所有name屬性為newsletter的input元素;

28.匹配給定屬性是以某個特定值開始的元素;------->$("input[name^='news']").attr("checked",true);,即尋找所有name屬性以news開頭的input元素;

29.匹配給定屬性是以某個特定值開始的元素;------->$("input[name$='letter']").attr("checked",true);,即尋找所有name屬性以letter結尾的input元素;

30.匹配給定屬性是包含某些值的元素;----->$("input[name*='man']"),即尋找所有name屬性中包含man欄位的input元素;

31.同時滿足多個條件時,使用的複合選取器;------->$("input[id][name$='man']"),即尋找所有包含id屬性,且name屬性是以man結尾的元素;

32.匹配其父元素下的第N個子或奇偶元素;----->nth-child是1開始的,而eq(index)是從0開始的;

     可以使用:

           nth-child(even) nth-child(odd) nth-child(3n) nth-child(2) nth-child(3n+1) nth-child(3n+2)

     如:$("ul li:nth-child(even)"),即尋找所有ul中li的偶數行;

33.匹配其父下的第一個元素;------>$("ul li:first-child"),即尋找所有ul下的第一個li元素;

34.匹配其父下的最後一個元素;------>$("ul li:last-child"),即尋找所有ul下的最後一個li元素;

35.如果某個元素是其父元素下的唯一子項目;------>$("ul li:only-child"),即尋找所有ul下的只有一個li標籤的元素;

36.匹配表單的不同type類型;----->$(":表單類型");如:text,password,radio,checkbox,submit,reset,image,button,file,hidden,input.

37.匹配表單對象屬性;------>$(":對應屬性");如:enabled,disabled,checked,selected.

38.取得匹配元素的某一屬性值;------>$("img").attr("src");即尋找映像的src屬性值;

39.設定匹配元素的某些屬性值;------>$("img").attr({src:"test.jpg",alt:"TestJpg"});

40.為匹配的元素設定一個屬性值;------>$("img").attr("屬性名稱",值);

41.為所有匹配的元素設定一個計算的屬性值;------>$("img").attr("title",function(){return this.src});

42.為每一個匹配的元素刪除一個屬性;------->$("img").removeAttr("src");

43.為匹配的元素添加一個指定的類; ------->$("p").addClass("類名");

44.為匹配的元素刪除一個指定的類;------->$("p").removeClass("類名");

45.匹配元素,如果存在(不存在),刪除(添加)一個類;------->$("p").toggleClass("類名");

46.設定每一個匹配元素的Html內容;------->$("div").html("<p>Hello Again</p>");

47.取得第一個匹配元素的內容;------>$("div p").html();

48.取得所有匹配元素的內容;------>$("p").text();