jQuery第一課 ——屬性、節點選擇

1、$(‘input[value]’) 選擇帶有value屬性的

2、$(‘input[value=”abc”]’ 選擇value等於abc的

3、$(‘input[value^=”a”]’) value是以a開頭的

4、(′input[value =”a”]’) value是以結束的

5、$(‘input[value*=”a”]’) 匹配任意位置，value屬性值中包含a即可

6、$(‘input[value=”a”][name=”user”]’) 目標元素同時匹配多個

7、$(‘div[class=”box1 box2 box3”]’)

8、jq的鏈式操作, 僅針對設置時有用
$(‘#div’).html(‘hi’).css().click(function(){})

9、集合的長度
(1)size()
(2)length
注意 ：()獲取到的都是一個集合，即使像 (‘#div1’) ,他的length是1，所以可以利用length=0來判斷某個元素是否存在

10、節點的選擇
(1).prev()  上一個兄弟節點
(2).next()  下一個兄弟節點
(3).prevAll()  上面所有的兄弟節點
(4).nextAll()  下面所有的兄弟節點
(5).siblings()  上與下的所有兄弟節點
注意：可以接受參數過濾，
eg：.prev('p') 只找上一個p兄弟節點
eg：.prevAll('.box')  找上面所有兄弟節點的class是'.box'的

11、下標
eq( index )


12、顯示隱藏,對元素的display ：block 和none之間的操作
show()
hide()
toggle()

13、this
jQ中的所有函數中的this都是原生的。
因此 下的例子是錯誤的。
$('#div').click(function(){ 
    alert(this.html())  
})

改寫 ：
$('#div').click(function(){ 
    alert($(this).html())  
})

14、加載
$(function() {

})
它是ready的簡化，只是等加載完DOM元素，而不是整個頁面
$(document).ready(function(){ 

})