javascript(jquery)選擇器簡(jiǎn)介

1、JavriptjQuery選擇器簡(jiǎn)介選擇器簡(jiǎn)介【原創(chuàng)原創(chuàng)】DOM提供的選擇器提供的選擇器選擇器是幫助我們選擇頁(yè)面元素的工具，在網(wǎng)站制作中常常會(huì)涉及到某個(gè)元素的改變，通過(guò)選擇器提取這些元素可以很輕易的實(shí)現(xiàn)（DOM術(shù)語(yǔ)把所說(shuō)的“元素”稱(chēng)作是“節(jié)點(diǎn)”）。Javript的選擇器主要是由DOM（文檔對(duì)象模型，DocumentObjectModel）提供的兩種主要的方法實(shí)現(xiàn)的，即document.getElementById（）和document.

2、getElementsByTagName（）。遺憾的是，這兩個(gè)方法都沒(méi)有提供做出更細(xì)致的選擇所需的控制。下面就這兩種方式做一個(gè)簡(jiǎn)要的說(shuō)明：①document.getElementById（）（）即通過(guò)ID獲取一個(gè)元素，這意味著找到一個(gè)節(jié)點(diǎn)，而這個(gè)節(jié)點(diǎn)使用了一個(gè)唯一的ID。例如，假設(shè)我們?cè)诰W(wǎng)頁(yè)中定義了這樣的一個(gè)標(biāo)題：頁(yè)面元素選擇器那么我們通過(guò)document.getElementById（）來(lái)抓取這個(gè)節(jié)點(diǎn)的方式就是document.get

3、ElementById（’head’）這行代碼的含義是“查找頁(yè)面上ID為’head’的一個(gè)標(biāo)簽”。通過(guò)這樣一個(gè)選擇，我們就可以在自己的Javript的代碼中對(duì)這個(gè)標(biāo)簽進(jìn)行改動(dòng)了（由于document.getElementById（）語(yǔ)句過(guò)長(zhǎng)，因此通常把這個(gè)語(yǔ)句賦給一個(gè)變量，然后對(duì)這個(gè)變量進(jìn)行操作）varlookF=document.getElementById（’head’）②document.getElementsByTagName（

4、）（）即通過(guò)TagName抓取節(jié)點(diǎn)，這意味著我們要獲取一個(gè)元素的列表。有時(shí)候我們想要更多的元素，而不是document.getElementById（）所提供的一個(gè)單個(gè)元素。例如，我們需要獲取頁(yè)面上所有指向站點(diǎn)外部的鏈接，迫使這些鏈接以新窗口的方式打開(kāi)。那么，我們通過(guò)document.getElementsByTagName（’a’）這個(gè)方式一下子就可以抓取這些元素了。在這種情況下，document.getElementsByTagNa

5、me（）是將頁(yè)面上指定的標(biāo)簽以數(shù)組的方式列出來(lái)。友情提示：document.getElementById（）與document.getElementsByTagName（）在寫(xiě)法上的不同。varheadlinePrevious=headline.previousSibling那么headlineNext就表示text；headlinePrevious就表示some?？偟膩?lái)說(shuō)DOM所提供的（就是Javript可以直接引用的）頁(yè)面元素選擇的