jQuery获取元素的方法

jQuery获取元素的方法

普通方法

1、页面加载就执行

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

$(function(){  
}) ;    

jQuery(document).ready(function(){  
}) ;

jQuery(function(){  
}) ;

对应js的方法

window.onload = function(){  
}

2、根据id获取元素

$(msg)

$("#msg")

3、直接根据元素名称获取元素

$("div,p")

对应js的方法

document.getElementsByTagName("input")

4、根据样式获取元素

$(".temp")

5、取得所有元素

$("*")

高级方法

1、根据元素层次选取

span里面的p，可以不相邻

$("span p")

$("span").find("p")

span里面的p，需要相邻

$("span>p")

$("span").children("p")

span同级后一个且为p

$("span+p")

$("span").next("p")

span同级后面所有的p

$("span~p")

$("span").nextAll("p")

2、根据索引

第一个div，不分层次

$("div:first")

$("div").first()

最后一个span，不分层次

$("span:last")

$("span").last()

脚标为奇数的p，不分层次，脚标从0开始

$("p:odd")

脚标为偶数的p，不分层次，脚标从0开始

$("p:even")

脚标大于某数的p，脚标大于0，就是从第二个开始

$("p:gt(0)")

脚标小于某数的p，脚标小于2，就是取前2个

$("p:lt(2)")

脚标等于某数的p，脚标等于1，就是取第二个

$("p:eq(1)")

3、排除某个元素

span里面所有，除了h3

$("span *:not (h3)")

4、获取表单元素

$(":input")

$(":text")

$(":password")

$(":radio")

$(":checkbox")

$(":button")

$(":submit")

$(":reset")

$(":file")

$(":image")

$(":hidden")

5、根据内容获取元素

某个p元素里面的文本带有h，则该p为要选择的元素

$("p:contains('h')")

6、根据属性内容

含有属性为neirong的p元素

$("p[neirong]")

属性为neirong，且属性的值为aaa

$("p[neirong=aaa]")

没有此属性或者属性的值不为指定内容

$("p[neirong!=bbb]")

属性的值以指定内容开头

$("p[neirong^=aab]")

属性的值以指定内容结尾

$("p[neirong$=bcc]")

属性的值包含指定内容

$("p[neirong*=aa]")

7、查找子元素

查找父元素的第一个子元素，查找tr的第一个子元素，任何一个tr的第一个子元素都会被选择，脚标从1开始

$("td:nth-child(1)")

$("td:first-child")

查找脚标是奇数的子元素，脚标从1开始

$("td:nth-child(odd)")

查找做为父元素“独生子”的子元素

$("td:only-child")

8、其它

选择所有标题元素，h1~h6

$(":header")

选择空元素，<p></p>

$(":empty")

选择非空元素

$("p:parent")

选择含有指定子元素的元素，某个span具有子元素p（不用相临），则span为要选择的元素

$("span:has('p')")

找到某个元素的父元素，找到p元素的父元素span（需要相临），span为要选择的元素

$("p").parent("span")

操作可见元素，默认是可见，或者添加样式<p style="display: block;">p</p>

$("p:visible")

操作不可见元素，<p style="display: none;">p</p>

$("p:hidden")

5、例子

$("div>span+*:not(h3)")

div内层元素（相临）中的span后面的第一个被选中，除了span后面第一个是h3