2012-08-29 77 views
0

有什麼方法可以將元素設置爲主元素,並讓頁面上的所有其他元素以完全相同,相同樣式,相同代碼,相同屬性,相同值顯示和運行?主元素屬性? (或技術)

<input id="btnBack" name="btnBack" type="button" value="Back" disabled="disabled" style="margin-right: 10px" /> 
$('#btnBack').click(...do stuff); 

<input master="btnBack" /> 

還是沒有這樣的技術來簡潔地達到相同的結果呢?

我希望有一個Javascript庫在那裏複製所有的屬性。

+0

你可能可以用JavaScript函數做一些事情,這樣就可以適用於你的一切。但我不認爲有這樣的事情。 – Jon

回答

0

是的CSS類。創建一個主類,然後在所有元素上使用class =「master」。

但是我認爲一旦你進入它,你會發現你並不是真的想這樣做。但是要改變你想改變的元素的類很容易,所以它不會傷害你以這種方式開始。

你可以在這裏閱讀關於CSS:http://www.w3schools.com/css/雖然有更好的資源w3schools涵蓋了很多地面。

如果你有興趣建立一個一致的感覺,以一個網站,不介意使用jQuery(這是我的愛!),那麼你應該在結帳的jQuery UI的ThemeRoller:

+0

感謝您的輸入,但這隻適用於風格而不是屬性(類型,ID,值等)。也許有一個jQuery插件或JavaScript庫? – orangesherbert

+0

jquery有一些驚人的選擇器來完成這些事情: http://api.jquery.com/category/selectors/ –

1

相同風格= CSS

相同的屬性,價值觀等方面= JS

看到這個fiddle爲例,讓你開始或此代碼段...

的CSS

input { 
    width: 200px; 
    background-color: yellow; 
} 

的JS

var value = 'myval'; 
var disabled = 'disabled'; 

var myElements = document.getElementsByTagName('input'); 

for(var i = 0; i < myElements.length; i++){ 
    myElements[i].value = value; 
    myElements[i].disabled = disabled; 
    } 
+0

或者你可以在這裏發佈你的答案,在實際的*答案*的問題。這樣,當JS Fiddle下一次失敗時,這個「答案」不會立即變得無用。 –

+0

就我個人而言,我喜歡jsFiddle,有時候太多的代碼會讓人們無法閱讀這個問題。然而,這是一個依賴關係,這正是我試圖從我的代碼中刪除,因此我的問題。我會用答案和小提琴更新問題! – orangesherbert

+0

這個答案是沿着正確的軌道,但它不夠通用,可能有一個功能在那裏或我可以鏈接到一個圖書館,它只會做的工作。如果不是,我會寫一個! – orangesherbert

0

我不知道這是不是你指的是什麼,但最好的辦法是使用所有你想要的風格元素的類的行爲相同。

E.g.

File: index.html 
<a href="#" class="master-class">Awesome Link</a> 
<button class="master-class">Awesome Button</a> 

File: style.css 
.master-class { 
    color: black; 
    background: white; 
    more of your styles... 
} 

File: scripts.js 
$(function() { 
    $(".master-class").click(function() { 
    alert("This is from one of the many elements with the class 'master-class'"); 
    }); 
}); 

團隊樹屋是一個很好的地方,真正瞭解所有關於網絡的一切。儘管我知道那裏的大部分東西,但我一直在使用它們,但我總是會選擇一些新的東西。 http://teamtreehouse.com/

W3Schools(http://www.w3schools.com)也很棒。這是我從一開始就學到很多東西的地方。

還有大量的播客和播客教你,只要搜索iTunes的網頁設計。

+0

感謝您的輸入,但這隻適用於風格而不是屬性(類型,ID,值等)。也許有一個jQuery插件或JavaScript庫? – orangesherbert

+0

然後你可以通過jQuery設置屬性。 '$(「。master-class」)。attr('type','submit')' 您不想在多個元素上設置相同的ID。對於每個使用它的頁面,ID必須是唯一的。相信我,我無意中使用了一次ID兩次或多次的時間已經過幾個小時的調試。 – FluffyJack

+0

謝謝傑克,我認爲就是這樣。我實際上使用了asp.net MVC,並且正在考慮爲每個按鈕創建一些部分頁面,傳入一個唯一的id作爲模型,並將這些id添加到jquery標籤中。 – orangesherbert