在jQuery和css中都使用類是不好的做法嗎？

這個問題有點ILKE這一個相反：Is it poor form to use CLASS attributes with no corresponding CSS rule?在jQuery和css中都使用類是不好的做法嗎？

有我的代碼中幾個地方我的事情的清單，我想使用jQuery來處理：

<div class="myitem" id="item1">...</div> 
<div class="myitem" id="item2">...</div> 
<div class="myitem" id="item3">...</div> 
<div class="myitem" id="item4">...</div>

我進程這些與一些JavaScript代碼，例如：

$(".myitem").click(function() { ... });

這些項目也有一個CSS樣式，如：

.myitem { border: 2px solid green; }

這是一個很大的項目，有專門的人員與ux的東西（包括黑客css和html）以及更專注於javascript和其他代碼的程序員一起工作。

我應該改變這個jQuery的東西使用一個單獨的類，所以我們不會意外地重命名或刪除一個css類，認爲我們只是用圖形外觀？將引入一個新的類爲JavaScript引入更多的問題？是否有一些代碼標準的詭計，我們可以用來幫助我們處理這個html？

來源

2013-06-20 TV' s Frank

儘量不要使用通用的方法，但要解決您的問題。如果有一個選項，可能會改變類，然後引入一個新的類只是jQuery的操作。您甚至可以爲像'.js-item'這樣的類添加一個特殊的前綴，以便將來能夠輕鬆區分它們。 – claustrofob

我個人喜歡將風格與功能分開以獲得更好的可重用性。

您可以使用.myItem作爲CSS，並添加一個像.formProcess這樣的類，或者它在JS中使用的任何類。

這樣，如果UX人員刪除或更改他們的類，您的功能仍然有效......並且如果存在類似需求，它們可以在其他地方重用。

來源

2013-06-20 11:30:46

我喜歡使用SMACCS方法，其中類用於表示一個模塊，它應該是一個自包含的html元素組。這個類然後用來識別模塊以CSS和JavaScript。

來源

2013-06-20 11:41:54 Stubbs

在jQuery和css中都使用類是不好的做法嗎？

回答

相關問題