javascript - jQuery属性は非標準を許可しますか?

Question

私はすでにIDとタイトルを使用していますが、さらに2ビットを解析する必要があります...

$(this).attr("title"); $(this).attr("id");

動作します$(this).attr("custom1");か??

Answer 1

はい、ところで、一度に複数の属性を設定できます。

$('.myselector').attr({
src: 'thefile.gif',
width: 200,
height: 300 });

Answer 2

data-attributesはい、 HTML5のすべてに使用できます。これは、追加の属性を追加するための好ましい方法です。

さらに、簡単にアクセスできるように、すべてのdata-*属性が jQuery のdata()オブジェクトに自動的に追加されます。

Answer 3

一部のデータを DOM 要素に (名前で) 関連付けたいだけの場合は、".data()" メソッドを使用することをお勧めします。

$(this).data('custom1', someValue);

「.data()」API は、HTML にコード化された HTML5 スタイルの「data-foo」属性にアクセスできるようにします。

var foo = $(this).data('foo'); // gets the "data-foo" attribute value from element

Answer 4

はい、動作しますが、良い考えではありません。

.data('foo', 'bar'); を使用することをお勧めします。要素にデータを保存したい場合。

Answer 5

はい、あなたができる最善のことは、それをテストすることです。

<script>
$(document).ready(function() {
  // Handler for .ready() called.
  alert( "custom1 = " + $("#myField").attr("custom1") );
});
</script>

<div id="myField" custom1="My Custom Field"></div>

今、あなたはマークアップを壊しているので、それを防ぐためにあなたの情報を ALT タグまたは NAME タグに保存することをお勧めします ()。