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