.attr()と.removeAttr()

1328 ワード

.attr()と.removeAttr()
各要素には、対応する要素またはその内容の追加情報を与えるための1つまたは複数の特性があります.例えば、img要素では、srcは要素の特性であり、画像のアドレスをマークするために使用されます.
操作特性のDOMメソッドは主に3つあり,getAttributeメソッド,setAttributeメソッド,removeAttributeメソッドは,それでも実際の操作では多くの問題があるが,ここでは先に述べない.jQueryでは1つのattr()とremoveAttr()で互換性の問題を含めてすべて解決できます
jQueryではattr()メソッドを使用して要素属性を取得および設定します.attrはattribute(属性)の略で、jQuery DOM操作ではattr()がよく使用されます.
attr()には4つの式があります
  • attr(入力属性名):属性の値
  • を取得します.
  • attr(属性名、属性値):属性を設定する値
  • attr(属性名、関数値):属性の関数値
  • を設定します.
  • attr(attributes):指定した要素に複数の属性値を設定します.すなわち、{属性名1:「属性値1」、属性名2:「属性値2」......}
  • removeAttr()削除方法
    .removeAttr(attributeName):一致する要素のセット内の各要素の属性(attribute)を削除します.
    メリット:
    attr,removeAttrはいずれもjQueryが属性操作のためにカプセル化されており,このメソッドを1つのjQueryオブジェクト上で直接呼び出すことで,属性を操作しやすく,ブラウザの属性名の違いをわざわざ理解する必要もない.
    注意事項:
    domには、AttributeとPropertyの翻訳が「属性」であり、「jsプレミアムプログラミング」の本では「特性」と「属性」に翻訳されている概念の区別がある.簡単に理解すると、Attributeはdomノードが持つ属性です.
    たとえばhtmlでよく使われるid、class、title、alignなど:

    而Property是这个DOM元素作为对象,其附加的内容,例如,tagName, nodeName, nodeType,, defaultChecked, 和 defaultSelected 使用.prop()方法进行取值或赋值等

      Attribute    attr,  Property    prop

    転載先:https://www.cnblogs.com/xuedexin/articles/5660195.html