歡迎回來。
在這段視頻中，我們要花費時間來談論選擇使用JavaScript和娃娃元素的不同方式。
我們談論的實際選擇之前，我們只是需要審查該文件一次。
請記住，我們整個宿舍的所有對象我們的元素的所有陳述都住這個文件對象的內部。
它的頂層對象或根節點。
如此迅速，讓我們打開任何瀏覽器窗口。
我將使用谷歌，讓我們試著輸入這四條線。
於是打開控制台，輸入文檔點你是L和它告訴我們，我們是在頁面的URL。
你可以做文檔點鏈接，這就是在頁面上每一個環節的完整列表。
每一個錨標記我們可以做的文檔和瓦迪這是它裡面生活在人體所有其他元素的整個身體，我們可以做點文件頭。
因此，我們在過去幾年的視頻已經看到了這一點。
說我再次向您顯示的原因是，所有我們要還學習選擇的所有方法都住在文檔中。
所以我們在這個視頻了解一切都將開始文件點東西。
所以，我會告訴你什麼是那些出頭的。
還有我們要談談在這個視頻五個主要方法。
他們都內置到文檔中。
他們都開始文件點。
你可以看到他們在這裡得到由id元素度日類名的元素度日標籤名queery選擇和queery選擇要素。
如果所有你能想到回到我的視頻上添加方法的對象，我們基本上可以存儲一個函數作為一個值，而不是一個對象一樣。
我們必須像狗貓空間空間，我們不得不說，我們加入到我們的狗空間物體的方法。
這正是這裡發生了什麼。
這五種方法已全部文檔對象補充說。
所以，在我們真正在這裡開始我想告訴你，我要去用於演示目的轟-G電子郵件。
這是一個非常非常簡單的頁面只是有幾個元素。
因此，我們正常的頭幾乎是空的除了一個標題或正文。
然後身體向H-1的內部是一個打招呼。
另一個說再見。
再用三層的盟友，而不是UL和這三個盟友列表項一二三個略有不同。
第一個有一個ID亮點和最後已稱為粗體的類。
所以，我們要使用它。
事實上，其中一些是H-1中的一些元素是盟友。
有些課程。
一個具有標識。
我們將利用這些不同的屬性以不同的方式和不同的組合來選擇它們。
所以，我在這裡使用相同的代碼中的例子，我畫一個綠框，以便您可以在接下來的幾個幻燈片中看到。
無論周圍的綠色框中選擇。
OK讓我們開始使用第一種方法。
通過ID獲取元素。
所以，它的名字是一點點的不言自明的。
這需要在ID名稱和它要與該ID相匹配的一個元素返回。
請記住，一個ID只能出現一次一個頁面上。
因此，這裡是由ID為例圩區文件GET元素。
亮點是要選擇這個盟友有標識的亮點，因此選擇對象，然後返回給我們。
我很快就會顯示在公會。
因此，我們將打開控制台，通過ID亮點文檔類型GET元素，這就是我們的ID名稱。
讓我們把它保存到一個變量稱為標記。
按下回車鍵。
讓我們來看看標籤。
你可以看到它為我們提供了一個具有ID等於突出的第一行。
因此，我們通過一個ID選擇的東西。
再次是它展示給我們，彷彿它實際上他年齡很好，但這樣的結果實際上是一個JavaScript對象。
因此，我們可以做到這一點取消了再次Diyar上的標籤。
而這實際上是什麼樣子。
所有這些性能。
因此，這是一個不錯的快捷方式讓我們直觀地看到我們選擇，但實際上它是一個對象表示。
好吧所以這是所有有通過ID來獲得元素。
我們把我們一個字符串參數，我們希望有一個ID的名稱傳遞的方法，然後它去，發現有相同的ID匹配的元素，它返回的對象表示給我們。
下一個是通過獲取類名元素，因此它的名字告訴你，正是它。
只是想通過ID獲取元素。
雖然這是略有不同的獲取複數與類名一個S的元素。
記住一類，因為我們希望在頁面上可以出現多次。
所以，我們通過像粗體一個字符串，那將返回所有匹配的類名粗體顯示頁面上的所有元素的列表。
在這種情況下，有他們兩個，但如果有跡象表明有這樣的類，我們將得到所有10000列表頁，對於1萬的元素。
所以，讓我們證明這一點所以會按類名打分文檔獲得元素，你可以看到，如果我們這裡得到這個小自動完成，所以我們可以選擇我們想要得到由類名，然後我們想要的類名稱加粗的元素之一。
讓我們把它保存到一個變量。
標籤不標籤，但標籤，因為我們會得到多個標籤回來，如果我們看一下什麼是標籤。
這既是帶班等於加粗2謊言的列表。
從技術上講它不是一個數組。
這是一種叫做節點列表是陣列等。
我喜歡把它看作是一個輕量級的數組。
因此，它附帶了一些，你會期望從一個數組的事情。
但是一些更高級的功能，實際上是缺少。
因此，例如，我們可以訪問使用索引標籤0這樣的元素。
我們可以做標記包抄，但我們不能對每個迴路標記點為每做一次。
如果我只是這樣做它會告訴我的標籤是每個。
這不是一個功能。
所以，這是因為沒有為對數組定義，這些都不是數組這些節點列表中定義的foreach。
而只是像id來獲取元素它向我們展示了這個漂亮的字符串表示，但在幕後，它實際上是一個對象。
所以，再一次只是為了證明給你點安慰和DIR我們做標籤的為零。
它實際上是這個大的複雜的瘋狂對象，噸屬性。
行，所以讓我們通過類名的元素。
它返回一個列表。
不完全是一個數組。
它包含匹配，我們提供給定的類名在頁面上的每一個元素。
接下來我們有度日標記名稱的元素。
所以這一次的作品就像通過ID獲取元素或度日類名的元素。
除了它返回匹配像盟友或H-1給定標記名稱的元素的列表。
因此，在這種情況下，我運行的文件dight度日標籤名·哈吉元素那將退還給我這個網頁上存在的三個盟友的列表。
所以，再一次讓我們證明VAR標籤等於該度日標記名稱的元素，讓我們先做·哈吉，讓我們來看看標籤的文檔，我們得到這個名單還沒有完全數組它是有三個盟友節點列表，我不會證明這一點給你這一次。
我去的那DJR領事。
但是，這些都是他們不只是字符串或不是對象。
^ h添升它們實際上是與所有這些屬性的JavaScript對象。
因此，我可以做同樣的事情為H-1。
所以，我們選擇所有的H 1和我們來看看標籤，我們可以得到到h 1和名單。
這不只是限於我們的身體裡面看到的標籤。
我還可以做這樣的事情。
獲得由標籤名body元素，它是將身體恢復到我的列表，包括一個元素在它的內部。
或者，我也能做到這一點，因為我想要的頭部或時間元素或標題或什麼，但重要的是，它返回即使只有一個它仍然會返回一個列表元素的列表。
因此，要選擇身體，我們可以做這樣的事情得到標記名稱人體的元素，然後只取第一個項目，因為只有一個在列表項VAR身體的ECO文件。
如果我們看一下身體是我們獲得這個巨大的對象，整個身體。
好。
所以這是獲取標記名稱的元素。
只是重申你給它就像一個盟友標籤名。
它去，發現所有與之匹配的元素，並將它們全部返回給你在列表中。
即使只有一個。
所以在這裡我有一個例子與H-1這樣做。
你可以看到，它選擇兩個H一次。
好了，現在我們改變齒輪一點點。
我們不再有一個get元素或得到的東西語法元素。
這就是所謂的queery選擇器和查詢選擇器是未長期存在為所有較新的方法。
這確實使我們的生活輕鬆了許多。
因此，我們實際上可以用它來做到這一點，我們以get元素看到了ID度日類名的元素得到與標記名稱的元素，我們可以使用查詢選擇複製所有的一切。
那麼，它的作用是它需要綜援的風格選擇。
因此，一個綜援風格選擇意味著隨便什麼我們就用它代替綜援的文件選擇器。
因此，在這個例子中，我選擇基於該ID亮點，所以我不能只是寫的字像亮點我與id來獲取元素做了什麼，但我要做的就是使用綜援語法哈希符號或八溴索普然後突出顯示。
因此，這是你如何選擇具有查詢選擇的東西。
如果你想要一個ID就像你用C SS，我們得到這個ID為第一個盟友等於突出。
之前，我去到控制台，然後輸入了這一點，我會告訴你，我們可以做同樣的事情用一個類名var標記等於該queery選擇點折疊這就是我們將如何使用C SS選擇粗體類文檔。
而最重要的是，它實際上只給我們的第一比賽。
因此，即使有已粗體如IT類只給我們第一個，這就是選擇的點的兩個元素。
它永遠只是返回一個元素還有另一種方法，我們很快就會看到，這將返回匹配的所有元素。
因此，查詢選擇器還可以在標籤名像我們這裡。
H-1和返回的第一H-1。
因此，我們可以把我們寫的所有時間，看看SS綜援選擇，我們可以使用語法來選擇使用查詢選擇元素。
所以，我會證明這裡。
讓我明確了這一點，我們選擇這首。
H-1。
因此，所有我需要做的。
VAR H-1等於文檔查詢選擇H-1。
如果我們看一下H1又是它是一個不錯的字符串表示，但它實際上是代表這整個元素的對象。
所以，接下來，讓我們嘗試過基於一個ID的選擇。
所以我只是去複製，而這條線比H-1。
這將是一個盟友，而不是選擇先H-1將選擇具有ID亮點中的第一項。
而且因為它是一個ID，當然這只是一個有一個頁面上這個想法項目，我們需要這樣的過程中，只有一個項目。
八Thorgeir。
否則，它會尋找一個標籤名叫做亮點不存在，H.J。他出去。
如果我按下回車鍵，看看·哈吉我得到了與列表項一個識別碼第一盟友等於亮點。
最後，讓我們做同樣的事情用一個類。
於是我就用綜援Leichter點折疊這是我們如何選擇一個類，如果我們看一下盟友我得到平等級符號列表項目2第二個盟友。
因此，有其他的東西，我們可以選擇。
這不只是基於掀起了標記名稱或ID或一類。
這些都是最常見的，但我們可以做其他的事情是這樣，這將不是我的網頁上工作，但我可以選擇一個盟友內部的所有錨標籤一類特殊的。
而這是一個較長的ÇSS選擇，但它在美國是有效。
因此，所有的錨標籤具有嵌套在盟友內部的，而且是完全有效的類特殊。
再次，我沒有這個設置我的頁面上。
所以，如果我打回車只是要給我。
沒有，因為它沒有找到任何匹配。
因此，正如我提到的奎裡選擇返回的第一場比賽，就是這樣。
有時，如果你想選擇機體對實例非常有用。
所有我需要做的是說查詢選擇身體，讓你不像當我做圩區文件度日標籤名body元素的身上。
他們給了我一個清單，然後他們要問的第一個元素。
如果我使用的查詢選擇我就把身體的時候了。
但另一種是queery選擇所有。
因此，它的工作原理完全一樣。
這需要一個C一組選擇，但它返回所有匹配的元素。
因此，在這種情況下，我使用的文件，查詢選擇所有的H-1的回報都是H一次或在這種情況下，我使用粗體類。
所以綜援風格。
我需要斑點加粗，並且給我帶班等於粗體兩個元素。
因此，讓我們證明在CON ..
讓我們選擇所有的盟友為止。
盟軍等於記錄該查詢選擇。
所有的盟友。
這會給我所有的人。
我看著盟友。
你可以看到它有三個盟友。
最後一次，我知道我是一個破紀錄。
這些對象。
他們不是HMO。
它們是從HMO構造的JavaScript對象。
如果我做同樣的事情，但我查詢選擇去做，而不是我回車。
如果我看的盟友它不是一個列表是唯一的一個。
如果我這樣做是為了一類，所以同樣的事情。
因此，讓我們做了加粗類。
我們只把它加粗，並有你記錄粗體的查詢選擇點。
我看這只是第一個項目列表項了。
如果我做的查詢選擇所有然後我在那裡得到他們兩個的列表。
常常為我的學生困惑的一點是，你仍然可以使用查詢選擇所有即使有你要找的只有一個元素的。
因此，像變種盟友等於文檔點查詢選擇，你可以做一些事情。
像所有的亮點ID，而我看著盟友和它的同一個項目的列表。
這只是非常罕見的，你會做，但如果只有一個匹配，它仍然可以工作。
好吧，所以我們在這個視頻涵蓋了大量的地面。
所以，讓我們回到起點，做一個真正快速收官。
一開始我們來談談如何將所有這些方法都是文檔對象的內部，我們可以通過ID使用get元素通過ID選擇，我們可以通過類名與類名得到的元素選擇，並且返回一個列表，它並不是真正的數組。
這就是所謂的節點列表。
我們可以做同樣的事情，但通過標籤名使用GET元素也將返回基於關閉，我們到那時我們有查詢選擇是所有萬事通選擇一個元素類型的節點列表。
它返回給定綜援選擇相匹配的第一個元素。
因此，我們可以用它來做到這一點的ID類名和標籤名獲得元素都沒有，我們可以給它一個ID就像我們在這裡做一個類像我們在這裡做或元素名稱。
再有就是查詢選擇所有除它返回一個列表，它是不是一個數組，它的工作方式相同。
這也是一個給定的選擇器匹配的所有元素迸發的節點。
好吧。