现在的位置: 首页 > 综合 > 正文

javascript选择器小结

2012年09月06日 ⁄ 综合 ⁄ 共 752字 ⁄ 字号 评论关闭

ID选择器:$('#idName')
元素选择器:$('body')
类选择器:$('.className')

高级选择器
子孙选择器:$('idName a')//idName 下的<a>
孩子选择器:$('body > p')//body 的孩子 p
相邻的兄弟:$('h1 + p')//h1的兄弟标签p
属性选择器:$('img[src]')//img的src属性
$('input[type=text]')
$('a[href^=http://]')匹配一个特定值开头的元素
$('a[href$=.pdf]')//匹配特定值结束的元素
$('a[href*=abc]')//任意位置匹配

过滤器
:even偶 :odd奇 $('table.strped tr:even').addClass('css')
:not()不拥有(可以与大多数选择器一起使用) $('a:not(.class)') $('a:not([href^=http://])')
:has() $('li:has(a)')
:contains()(包含特定文本的元素) $('input:contains(Click Me!)')
:hidden找到隐藏的元素 $('div:hidden').show()

:visible找到可见元素


另外javascript是自动循环的

如$('a.className').hide(),可以把所有<a>标签带有class=className  隐藏

.find()   .text()

选择器也能作用于ajax返回的XML文件来进行查询

 

 

var tbl = document.getElementById("tbl");   

var rows = tbl.getElementsByTagName("tr");

var d1 = this.d1.value;//d1是标签name

抱歉!评论已关闭.