書く例
<div data-lole = page data-lest-value = 43 data-hidden = true data-options = '{name}'> </div> 1。定義:データ - *属性は、ストレージページまたはアプリケーションのプライベートカスタムデータを保存するために使用されます。
data-*属性により、すべてのHTML要素にカスタムデータ属性を埋め込むことができます。
2。注意を払ってください:data-*属性には2つの部分が含まれます。
jqueryで.data()関数を使用するには、data-*属性値を使用します
console.log($(div).data( 'lastvalue')); was:page is:page予防
データ - **属性名形式のハンプ名書き換え
このデータ属性を初めて使用した後、データアトリブがアクセスまたは変更されなくなりました(すべてのデータ値はjquery内に保存されます)
デモンストレーション:
console.log($(div).data( 'lastvalue'));ドキュメントの3番目のdivは、このdom //出力を出力します:<div datalole = page data-last-value = 43 data-highden = true data-options = '{name:john}'>恐れないでください、あなたはもう一度出力します
console.log($(div).data( 'lastvalue'));
値はjquery内に保存されています
jqueryの.attr()関数でデータ - *属性値を使用します
console.log($( 'div')。attr( 'data-role')); ; //出力値は次のとおりです
jqueryで.attr()関数を使用してデータ - *属性値を設定します
$( 'div')。
注:fractable数はハンプの命名に変換する必要があります
要約します上記は、HTML5の新しい属性と、編集者が紹介していることを願っています時間内VEVBウーリンのウェブサイトへのご支援ありがとうございます!