javascript選取器小結

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