>  기사  >  웹 프론트엔드  >  jquery에서 prop() 메소드를 사용하는 방법

jquery에서 prop() 메소드를 사용하는 방법

王林
王林원래의
2020-11-24 11:01:474112검색

jquery에서 prop() 메서드 사용: 속성 값을 반환하려면 [$(selector).prop(property)] 메서드를 사용하세요. 속성과 값을 설정하려면 메소드 [$(selector).prop(속성, 값)].

jquery에서 prop() 메소드를 사용하는 방법

이 튜토리얼의 운영 환경: windows10 시스템, jquery2.2.4 버전 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

jquery에서 prop() 메서드 사용:

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

(학습 영상 공유: javascript 영상 튜토리얼)

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

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

구문:

속성 값 반환:

$(selector).prop(property)

속성 및 값 설정:

$(selector).prop(property,value)

함수를 사용하여 속성 및 값 설정:

$(selector).prop(property,function(index,currentvalue))

여러 속성 및 값 설정:

$(selector).prop({property:value, property:value,...})

속성 값:

  • 속성은 속성의 이름을 지정합니다.

  • value 속성 값을 지정합니다.

  • function(index,currentvalue)은 설정할 속성 값을 반환하는 함수를 지정합니다. ㅋㅋ ~                                                  ; V 현재 값 - 선택한 요소의 현재 속성 값을 검색합니다.

  • 예:

"color"라는 속성 추가 및 제거:

$("button").click(function(){
    var $x = $("div");
    $x.prop("color","FF0000");
    $x.append("The color 属性: " + $x.prop("color"));
    $x.removeProp("color");});

관련 권장 사항:

js tutorial

위 내용은 jquery에서 prop() 메소드를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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