4

私が作成しているかなり複雑なHTML5Webアプリでは、いくつかのドキュメント要素にいくつかのカスタム属性を追加すると便利であることがわかりました。jQueryを使用すると、このような属性を問題なく取得できることがわかりました。これまでのChrome、Safari、Firefox、そしてAndroid/iPhoneモバイルブラウザーでも問題はありません。

質問-そのような使用法であり、カスタム属性を挿入しますか、それとも私は何かを分解しますか？状況を理解するために、jQueryといくつかのjQueryプラグインを備えたjQueryMobileを使用しています。

関連するメモでは、jQueryを使用して指定された属性を持つすべての要素を取得できると思いますか？

4

2 に答える 2

7

カスタム属性を使用する代わりに、 HTML5DoctorWebサイトで読むことができるデータ属性を使用することをお勧めします。

基本的に、接頭辞が。であるカスタム属性を要素に与えることができdata-、jQueryを使用してこれらを読み取ったり設定したりできます。次に例を示します。

HTML5スニペット：

<p id="porky" data-food="bacon">Porky was a tasty little piggy</p>

jQueryスニペット：

alert( $('#porky').data('food') ); // Alerts "bacon"
$('#porky').data('food', 'roast');
alert( $('#porky').data('food') ); // Alerts "roast"

data-attributesを使用すると、有効で将来性のあるアプリになります。

于 2012-07-10T20:00:39.790 に答える
5

data-次の属性を使用できます。

<div data-someattr="1" data-someotherattr="'1'" data-obj="{prop:'val1'}" ....

jQuery.data()でそれらを取得します。

$('div').data('someattr')           //1      Number
$('div').data('someotherattr')      //'1'    String
$('div').data('obj').prop          //'val1' String
于 2012-07-10T19:59:29.343 に答える