本サイトからスピンオフした姉妹サイトです。任意の要素に対してJavaScriptのプロパティを設定/取得する方法を解説。要素の属性を設定/取得できるattrメソッドと機能を比較する。→propメソッドは、要素のプロパティを取得/設定します。attrメソッドと似ていますが、1属性値とJavaScriptのプロパティとで値が異なるもの、もしくは、2そもそも(属性名に対応しない)JavaScriptのプロパティにしかない情報を取得する際に利用します。具体的には、1はselected/checked/disabled/multipleなどの属性のこと、2はtagName/nodeName/nodeTypeのようなJavaScriptプロパティのことです。以下は、prop/attrメソッドを利用して、さまざまな属性/プロパティにアクセスする例です。結果:undefined});</script></body></html>attr/propメソッドで属性/プロパティ値を取得するコード(prop.html)disabled/checked/multipleなどの真偽属性*1について、attrメソッドは属性値もしくはundefinedで、propメソッドはtrue/falseで返すことが確認できます。boolean型の値については、propメソッドで取得した方が誤解がないでしょう。真偽属性は、単にdisabledのように属性名だけで指定できるほか、disabled="disabled"disabled=""のように指定できます。値がないことを示すためにdisabled="false"のような指定はできませんので、注意してください。値がないことを示すには、属性は省略しなければなりません。nodeNameプロパティは属性ではなくJavaScriptのプロパティなので、propメソッドで取得します(=attrメソッドでは取得できません)。1.5以前では、attr('nodeName')は「INPUT」を返します。プロパティ値を設定するpropメソッドを利用して、JavaScriptプロパティを設定することもできます。以下は、[すべて選択/解除]ボタンをクリックすることで、全てのチェックボックスをチェック状態、もしくは非チェック状態にするサンプルです。※以下では、本稿の前後を合わせて5回分(第6回~第10回)のみ表示しています。INDEX]を参照してください。要素にスタイルクラスを適用/除外するには?(addClass/removeClass/toggleClass/hasClass)要素にclass属性の値を設定/削除する方法を解説。その設定状態を切り替えたり、確認したりする方法も説明する。要素の属性を操作するには?(attr/removeAttr)任意の要素の、任意の属性に対して値を設定/取得する方法を解説。複数の属性をまとめて設定する方法も説明する。要素のプロパティを取得/設定するには?(prop)任意の要素に対してJavaScriptのプロパティを設定/取得する方法を解説。要素の属性を設定/取得できるattrメソッドと機能を比較する。要素の高さ/幅を設定/取得するには?(height/width/innerHeight/innerWidth/outerHeight/outerWidth)任意の要素に対して幅/高さを設定/取得する方法を解説。height/width、innerHeight/innerWidth、outerHeight/outerWidthメソッドの使い分け方法も説明する。変数の型情報を判定するには?($.isXxxxx/$.type)$.isXxxxxメソッドを使って、変数のデータ型を判定する方法を解説。$.typeメソッドを使って、引数で指定されたオブジェクトの型を文字列として返す方法も解説する。機械学習エンジニアを目指す人~初中級者のための技術情報サイトです。「機械学習&AI」「クラウド&ビッグデータ」「IoTデバイス」のネット記事情報を共有中。開発者のためのSlackチーム、作りました:「機械学習&AI」「クラウド&ビッグデータ」「IoTデバイス」のネット記事情報を共有中。2020最適なビューへの切り替えを推奨します:スマートフォン用表示に。