jquery에서 data()와 attr()의 차이점은 무엇입니까

차이점: "$.attr()"은 매번 DOM 요소에서 속성 값을 가져옵니다. 이는 뷰에 있는 태그의 속성 값과 일치하며, "$.data()"는 Jquery에서 값을 가져옵니다. object , 객체 속성 값은 메모리에 저장되므로 뷰의 속성 값과 반드시 일치하지는 않습니다.

이 튜토리얼의 운영 환경: windows7 시스템, jquery1.10.2 버전, Dell G3 컴퓨터.

$.attr()및$.data()는 본질적으로DOM 속성및Jquery 객체 속성에 속합니다. 차이점.$.attr()和$.data()本质上属于DOM属性和Jquery对象属性的区别。

一个简单的例子

• $.attr()每次都从DOM元素中取属性的值，即和视图中标签内的属性值保持一致。

  • $.attr('data-foo')会从标签内获得data-foo属性值；

  • $.attr('data-foo', 'world')会将字符串'world'塞到标签的'data-foo'属性中；

• $.data()是从Jquery对象中取值，由于对象属性值保存在内存中，因此可能和视图里的属性值不一致的情况。

  • $.data('foo')会从Jquery对象内获得foo的属性值，不是从标签内获得data-foo属性值；

  • $.data('foo', 'world')会将字符串'world'塞到Jquery对象的'foo'属性中，而不是塞到视图标签的data-foo属性中。

结合上面代码和解释，大家应该能够理解两者的区别。

所以$.attr()和$.data()应避免混合用，也就是应该尽量避免如下两种情况的出现：

• 通过$.attr()来进行set属性，然后通过$.data()进行get属性值；

• 通过$.data()来进行set属性，然后通过$.attr()进行get属性值。

同时从性能的角度来说，建议使用$.data()来进行set和get操作，因为它仅仅修改的Jquey对象

rrreee

• $.attr()는 매번 DOM요소에서 속성 값을 가져옵니다. 이는 뷰의 태그에 있는 속성 값과 일치합니다. .
  • $.attr('data-foo')는 태그에서 data-foo 속성 값을 가져옵니다.
  • $.attr('data-foo', ' world ')는 태그의 'data-foo' 속성에 'world' 문자열을 삽입합니다.
• $.data()는에서 가져온 것입니다. Jquery 개체. 개체 속성 값이 메모리에 저장되므로 뷰의 속성 값과 일치하지 않을 수 있습니다.
  • $.data('foo')는 태그의 data-foo 속성 값이 아니라Jquery 객체에서 foo 속성 값을 가져옵니다.
  • $.data('foo', 'world')는 foo 속성의 data- 대신Jquery 객체의 'foo' 속성에 'world' 문자열을 삽입합니다. .

• $.attr()을 통해 속성을 설정한 다음 $.data()를 통해 속성 값을 가져옵니다.
• $.data()를 통해 속성을 설정한 후 $를 사용합니다. .attr( ) 속성 값을 가져옵니다.

위 내용은 jquery에서 data()와 attr()의 차이점은 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!