addClass("disable-div"); }); JSFiddleで編集 または、 .children() DOMツリーのdiv要素のすべての子を取得し、HTMLブール値を設定するメソッド disabled でtrueに属性 .prop() 方法。 JS HTML 1 2 3 $(document).ready(function() { $("#container").children().prop('disabled', true); ...
jQuery内のキャッシュのデータを読み書きする(ただし、取得時に該当キャッシュが無ければカスタムデータ属性を取得する) 値には自動で型が設定される(文字列、数値、Bool値、オブジェクト、配列) たとえば <div id="fruit" data-number="01">りんご</div> とあった場合、attr()とdata()を...
<template> <div> <h2>クリックによるクラスのトグル</h2> <button class="btn01" v-on:click='isActive01=!isActive01'>こちらをクリック</button> <div class="hoge01" v-bind:class='{active:isActive01}'> ここの色が変わります。 </div> </div> </template> <script> export defau...
上記のコードは、値が選択されるたびにdivの背景色を変更できます。 出力を参照してください。 on()メソッドを使用して、jQuery を使用して変更イベントで選択したドロップダウン値を取得する on()メソッドをchangeイベントと共に使用して、値が選択されたときに特定の操作を実行できます。chan...
log("The indexes: " + ar); </script> </div> </body> </html> 出力: つまり、index パラメータは数値を取得しているので、テーブル データの数と配列での表現を取得します。 また、以下のように elem パラメータを取得することで、特定のクラスで同じ分類データに名前を付けることが...
exportdefaultclassMyAccordionTemplate {publicstatictemplateHtml:string=` <div class="accordion"> <h3>Section 1</h3> <div> <p> Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet...
jQuery('div').addClass('fuga'); 上のコード例だと全てのdiv要素にfugaというクラス名が付与されます。 そしてaddClass関数で追加したクラス名はremoveClass関数で削除可能です。 例えば次がクラス名を削除しているコード例 1 jQuery('div').removeClass('fuga'); ...
</div> </div> また、ページ内のDOM要素を選択、挿入することも可能です。 $('.container').append($('h2')); このコードが実行されると、クローンは作成されずマッチした要素の移動が行われます。 <divclass="container"> <divclass="inner">こんにちは</div> ...
</div> </div> </body> <script> function getValue(radio) { alert(radio.value); } </script> </html> JSFiddleで編集 するのは悪い習慣であることに注意してください JavaScriptとHTMLマークアップを組み合わせる。または、を使用して無線グループを選択することもできます document.querySe...
<body> <div id="app"><!--#app内のブロック要素にVueディレクティブを適用(1) --> <input type="text" v-model="mes"><!-- v-modelはフォームの値を監視するVueディレクティブ(2) --> <p>入力された文字<span>{{ mes }}</span></p><!-- {{hoge}}はマスタッシュ --> <...