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

はい、CSS クラスで。マスター クラスを作成し、すべての要素で class="master" を使用します。

しかし、一度やり始めると、本当にやりたくないことがわかると思います。しかし、変更したい要素のクラスを変更するのは簡単なので、この方法で始めても害はありません。

CSS については、 http ://www.w3schools.com/css/ で読むことができます。

サイトに一貫した感覚を構築することに興味があり、jquery の使用を気にしない場合 (私は大好きです!)、jquery UI テーマローラーをチェックアウトする必要があります: http://jqueryui.com/themeroller/

于 2012-08-29T22:35:41.133 に答える
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 は、Web に関するあらゆることを学ぶのに最適な場所です。そこにあるもののほとんどを知っていたにもかかわらず、私はしばらくそれらを使用してきましたが、私は常にいくつかの新しいものを手に入れています. http://teamtreehouse.com/

W3Schools ( http://www.w3schools.com ) も素晴らしいです。最初にたくさんのことを学んだ場所です。

また、たくさんのポッドキャストや vodcasts もあなたに教えてくれます。iTunes で Web デザインを検索してください。

于 2012-08-29T22:47:08.970 に答える