jQuery筆記 1 jQuery選擇器

開始學習jquery。

以前沒學習過js，大多都是改，現在感覺不夠了，需要系統的了解一下。

昨天去圖書館借了《鋒利的jquery》開始自學jquery順便學習下js。

開始講了一些基礎的東西，感覺就是在用$(「」)選擇html裡面的內容對其進行操作。想法比較簡單，畢竟剛剛看嘛，做了第乙個[b]jquery的例子[/b]：

知道了格式，alert方法輸出」裡面的值」。

[b]基本選擇器：[/b]

1．$(「#one」).css(「background」,」#bbffaa」);//改變id為one元素的背景顏色
2．$('.mini』).css(「background」,」#bbffaa」);//改變class為mini元素的背景顏色
3．$('div』).css(「background」,」#bbffaa」);//改變所有元素為的背景顏色
4．$('*').css(「background」,」#bbffaa」);//改變所有元素的背景顏色
5．$(「span,#two」).css(「background」,」#bbffaa」);//改變所有和id為two的元素

[b]層次選擇器：[/b]

1.$("ancestor descendant")//選取ancestor元素中所有的descendant元素
2.$("parent>child")//選取parent元素下child元素
3.$("prev+next")//選取緊挨著prev的next元素
4.$("prev~siblings")//選取prev之後所有siblings元素

[b]後倆種層選擇器與方法的等價關係[/b]

1.$(".one+div");等價於$(".one").next("div");
2.$(".one~div");等價於$(".one").nextall("div");

結束練習

1.用toggle()。

顯示全部

2.用hide()和show()。

顯示全部

遞迴做的動作效果

function animateit() 
animateit();

轉義字元

bbcc

$("#id\\#b")
$("#id\\[1\\]")

手動重置頁面元素

$("#reset").click(function()); 
});

jquery基礎1 jquery和dom物件轉換

window.nl ad function document ready function 相當於 function foo html 相當於 document.getelementbyid foo innerhtml jquery 物件轉換成 dom物件 第一種方法 var cr cr jquer...

jquery基礎1 jquery和dom物件轉換

window.nl ad function document ready function 相當於 function foo html 相當於 document.getelementbyid foo innerhtml jquery 物件轉換成 dom物件 第一種方法 var cr cr jquer...

1 Jquery物件和JS物件

jquery物件就是通過jquery包裝的dom物件後產生的物件。jquery物件是jquery獨有的，如果乙個物件是jquery物件，則可以使用jquery中的方法。之前dom物件中的屬性和方法，在jquery中是無法使用的，同樣jquery物件中的屬性和方法也不能在原生態的js中使用。例項1 d...