2016-02-23 33 views
0

作爲一名新的Web開發人員,我一直利用諸如StackOverflow之類的大量資源來幫助我學習和開發過程。在使用jQuery時,我應該使用多於ID的類嗎?

當使用jQuery,所有的,我已經遇到到目前爲止只引用的類實例/響應的,就像這樣:

$('.yourClass') 

,而不是

$('#yourID') 

眼見類引用似乎是趨勢(我真的沒有找到一個作者誰寫一個ID到一個jQuery),是否有任何陷阱我應該知道使用ID的W/jQuery或JS一般?謝謝!

編輯1:我知道ID是用於單個項目,類用於訪問多個項目。我更感興趣的是爲什麼我沒有看到任何引用ID的jQuery或JS示例。謝謝!

+5

當您需要識別單個元素時,使用一個id(=標識符)。在需要對元素進行分類時使用類。這裏的所有都是它的。 – JJJ

+0

謝謝,@Juhana。我知道,從HTML(你的答案仍然讚賞),但有什麼缺陷專門針對JS或jQuery?就像我說的,這個趨勢似乎只是階級;每個人都把所有的東西都扔進一個班級。 – 8protons

+0

所以,我想知道如果人們避免使用ID或什麼...感謝:] – 8protons

回答

1

您將不得不逐一詢問每位作者,但通常在創建示例時,使用的選擇器無關緊要;最重要的是你有一個可以調用方法的jQuery集合。


通過在使用了類選擇,你避免新手開發商聲稱,當他們嘗試使用它在具有相同ID的多個元素你的插件不工作。您的示例提供了展示如何在一個或多個元素上使用它的目的,而不僅僅是一個。

+0

這裏有很多回復很好,但是這是直接回答我所特別提出的問題;涉及到jQuery/JS而不是簡單的HTML,同時也讓我深入瞭解爲什麼我可能一直在觀察我的問題中提到的趨勢。謝謝! – 8protons

0

人們喜歡使用類,因爲ids 在整個頁面中都是唯一的。當試圖製作可重複使用的可插拔組件時,ID使得這無法實施。

例外:新的Web組件標準允許您將ID封裝到組件中。

0

一個ID必須是唯一的,你只能有一個(比如高地居民)。

類用於標識不是特定對象的「類型」。

強制性汽車來比喻:
的ID是一個車牌,唯一的一個具體的東西#345-ABC
類涉及到的東西像.truck一整類

注意到,選擇像$(「。something」)實際上可以生成DOM元素列表;因爲它會選擇與類的「東西」

一個ID選擇$所有的DOM元素(「#唯一」)將只返回一個元素

0

覺得你的HTML和CSS第一。

使用類

如果您有多個HTML元素,所有的外觀,感覺和以同樣的方式行事,那麼強烈建議使用類來代表自己的風格和行爲。

例子:上表中的行或列,導航按鈕該動畫在完全相同的方式,包裝到有你整個網站的相同尺寸的圖像等

使用ID的

但是,如果你有一個獨特的HTML元素它代表一個特定的事物或狀態或行動在你的一個頁面中,那麼這個元素應該包含一個id。

例子:彈出模式,獨特的尋找按鈕,獨特的部分在您的網站,你可以通過自己的身份證前往,等

然後,你可以在你的JavaScript和jQuery或任何其他使用此行爲你喜歡用。

Further reading

0

我知道你是完全知道的,爲什麼我們要使用的ID或類。 但是這裏給出的絕大多數答案都是考慮項目背景。

所以,讓我們假設編輯一個與整個項目範圍相關的.js文件,這裏的想法是儘可能地重複使用,所以這就是爲什麼你會看到比ID更多的類引用。很難維護一個項目js文件,該文件引用了項目在國外的不同ID。 同樣的事情將適用於CSS。

我希望答案就夠了,可以自由發表評論或建議。 :-)