JQuery常用標簽

1. $(document).ready(function() {});

　　是等頁面的文檔（document）中的節點都加載完畢后，再執行后續的代碼，因為我們在執行代碼的時候，可能會依賴頁面的某一個元素，我們要確保這個元素真正的的被加載完畢后才能正確的使用。

<script type="text/javascript">

    $(document).ready(function() {

　　　　　 $("div").html("您好！通過實踐學習JQuery才是最佳的途徑。");           

　　　　});

</script>

 

2. jQuery選擇器之類選擇器之i d選擇器： $( "#id" )

 id是唯一的，每個id值在一個頁面中只能使用一次。如果多個元素分配了相同的id，將只匹配該id選擇集合的第一個DOM元素。但這種行為不應該發生;有超過一個元素的頁面使用相同的id是無效的

 

3. jQuery選擇器之類選擇器： $( ".class" )

類選擇器，相對id選擇器來說，效率相對會低一點，但是優勢就是可以多選, 將匹配該class選擇集合的全部元素

 

4.jQuery選擇器之元素選擇器：$( "element" )

搜索指定元素標簽名的所有節點，這個是一個合集的操作。類似class  不過這個直接作用元素標簽

 

5.jQuery選擇器之全選擇器（*選擇器）:$( "*" )

獲取文檔中所有的元素,在CSS中，經常會在第一行寫下這樣一段樣式

* {padding: 0; margin: 0;}

通配符*意味着給所有的元素設置默認的邊距。

 

6.jQuery選擇器之層級選擇器

子選擇器： $('div > p')

后代選擇器： $('div p')

相鄰兄弟選擇器：$(".prev + div")

一般兄弟選擇器：$(".prev ~ div")

注意中間符號以及兄弟選擇器的"."符號，其余是元素標簽

仔細觀察層級選擇器之間還是有很多相似與不同點

1. 層級選擇器都有一個參考節點
2. 后代選擇器包含子選擇器的選擇的內容
3. 一般兄弟選擇器包含相鄰兄弟選擇的內容
4. 相鄰兄弟選擇器和一般兄弟選擇器所選擇到的元素，必須在同一個父元素下