>웹 프론트엔드 >JS 튜토리얼 >jquery prop()과 attr()의 차이점은 무엇입니까?

jquery prop()과 attr()의 차이점은 무엇입니까?

coldplay.xixi
coldplay.xixi원래의
2020-11-24 17:25:296097검색

jquery prop()과 attr()의 차이점: 1. [attr()] 메서드는 선택한 요소의 속성과 값을 설정하거나 반환합니다. 2. [prop()] 메서드는 선택한 요소의 속성 및 값.

jquery prop()과 attr()의 차이점은 무엇입니까?

  • 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

jquery prop()과 attr()의 차이점:

최근 프로젝트에서는 jquery 사용으로 돌아왔고 페이지 렌더링은 모두 jquery를 사용했는데 이전에 본 적이 없는 문제도 많이 발생했습니다. 예를 들어 이번에는 [radio] 컨트롤의 "checked" 속성을 작동할 때 문제가 발생했습니다.

$(".. .").attr("checked ",false);작동하지 않습니다. 온라인으로 확인하고 prop()을 사용하여 문제를 완벽하게 해결했습니다. 여기에 기록하겠습니다. $("...").attr("checked",false);无法起到作用,上网查了下使用prop()完美的解决了该问题,特此记录一下。

官方定义:attr():

attr() 方法设置或返回被选元素的属性和值。

当该方法用于返回属性值,则返回第一个匹配元素的值。

当该方法用于设置属性值,则为匹配元素设置一个或多个属性/值对。

prop():

prop() 方法设置或返回被选元素的属性和值。

当该方法用于返回属性值时,则返回第一个匹配元素的值。

当该方法用于设置属性值时,则为匹配元素集合设置一个或多个属性/值对。

  • $('').attr()返回的是html对象

  • $('').prop()返回的是DOM对象

prop()

方法操作radio(checkbox)之类的控件,让其选中的时候,其控件选中的值也会随之改变。即既可以控制其选中,也能控制其取消选中;

类似于$("...").attr("checked");返回的是true或者false

如果有相应的属性,返回的是该属性,如果没有则返回空串

attr():

方法操作adio(checkbox)之类的控件,让其选中的时候,其控件选中的值不会随之改变。即只能控制其选中,不能控制其取消选中;

类似于$("...").attr("checked");

공식 정의: attr():

attr() 메서드는 선택한 요소의 속성과 값을 설정하거나 반환합니다.

이 메서드를 사용하여 속성 값을 반환하면 일치하는 첫 번째 요소의 값이 반환됩니다.

이 방법을 사용하여 속성 값을 설정하면 일치하는 요소에 대해 하나 이상의 속성/값 쌍이 설정됩니다.

prop():

prop() 메서드는 선택한 요소의 속성과 값을 설정하거나 반환합니다.

이 메서드를 사용하여 속성 값을 반환하면 일치하는 첫 번째 요소의 값이 반환됩니다.

jquery prop()과 attr()의 차이점은 무엇입니까?이 방법을 사용하여 속성 값을 설정하면 일치하는 요소 집합에 대해 하나 이상의 속성/값 쌍이 설정됩니다.

$('').attr()은 html 객체를 반환합니다.

🎜$('').prop()은 DOM 객체를 반환합니다. 🎜 🎜🎜🎜prop()🎜🎜 메소드는 라디오(체크박스)와 같은 컨트롤을 작동시킵니다. 선택하면 컨트롤의 선택된 값도 그에 따라 변경됩니다. 즉, 선택과 선택 취소를 모두 제어할 수 있습니다. 🎜🎜는 $("...").attr("checked");와 유사하며 true 또는 false를 반환합니다. 해당 속성이면 속성이 반환됩니다. 그렇지 않으면 빈 문자열이 반환됩니다. 🎜🎜🎜attr(): 🎜🎜🎜 메서드는 adio(체크박스)와 같은 컨트롤을 작동하여 선택합니다. , 해당 컨트롤의 선택된 값은 그에 따라 변경되지 않습니다. 즉, 선택만 제어할 수 있지만 선택 취소는 할 수 없습니다. 🎜🎜는 $("...").attr("checked");와 유사하며 'checked' 또는 정의되지 않음🎜을 반환합니다. 🎜 해당 속성이 있으면 속성이 반환됩니다. 그렇지 않으면 정의되지 않은 속성이 반환됩니다. 🎜🎜🎜1 속성 이름을 추가하면 속성이 적용됩니다. ); 🎜🎜2. true와 false의 두 가지 속성이 있습니다. (예: 'checked', 'selected', 'disabled' 등) 🎜🎜3. 🎜🎜공식 추천: 🎜🎜🎜🎜🎜 🎜관련 무료 학습 추천: 🎜JavaScript🎜(비디오)🎜🎜

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.