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()  上与下的所有兄弟节点
注意：可以接受参数过滤，
4000

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(){

})