0

有什么方法可以将一个元素设置为主元素，并让页面上的所有其他元素以完全相同、相同的样式、相同的代码、相同的属性、相同的值出现和表现？

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

<input master="btnBack" />

或者如果失败了，是否有任何技术可以简洁地达到相同的结果？

我有一半期望有一个 Javascript 库可以复制所有属性。

4

3 回答 3

1

相同的样式= css

相同的属性、值等 = JS

请参阅此小提琴以获取帮助您入门的示例或此代码片段...

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;
    }
于 2012-08-29T22:36:03.097 回答
0

我不知道这是否是您所指的，但最好的办法是对您想要设置样式和行为相同的所有元素使用一个类。

例如

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'");
  });
});

Team Treehouse 是一个真正了解所有网络知识的好地方。尽管我知道那里的大部分内容，但我已经使用它们一段时间了，但我总是会捡起一些新东西。http://teamtreehouse.com/

W3Schools ( http://www.w3schools.com ) 也很棒。这是我一开始学到很多东西的地方。

还有大量的播客和 vodcast 可以教你，只需在 iTunes 中搜索网页设计。

于 2012-08-29T22:47:08.970 回答
0

是的，使用 CSS 类。创建一个大师班，然后在所有元素上使用 class="master"。

但是我想你会发现一旦你进入它，你并不想这样做。但是更改要更改的元素的类很容易，因此以这种方式开始不会对您造成伤害。

您可以在此处阅读有关 CSS 的信息：http: //www.w3schools.com/css/尽管有更好的资源 w3schools 涵盖了很多领域。

如果您有兴趣为网站构建一致的感觉并且不介意使用 jquery（我喜欢它！），那么您应该查看 jquery UI 主题滚轮：http: //jqueryui.com/themeroller/

于 2012-08-29T22:35:41.133 回答