jquery 속성 및 사용자 정의 속성 작업: attr() 및 RemoveAttr()

jquery 속성 및 사용자 정의 속성 작업: attr() 및 RemoveAttr()

기본 지식: reader, setter

1. 매개변수 수에 따라 다른 기능을 수행하고 다른 값을 반환할 수 있는 함수가 있습니다. , 함수 오버로딩과 유사

2. 매개변수를 전달하고, 읽기 작업 getter를 수행하고, reader/getter라는 매개변수의 현재 값을 반환합니다.

3. 두 개의 매개변수를 전달하고, 할당 작업 Setter를 수행합니다. 현재 매개변수의 값을 수정합니다. setter/modifier

4. 매개변수 수에 따라 작업 유형을 결정하는 이 방법은 jQuery에서 매우 일반적입니다*/

1. attr() : 요소 속성 획득 및 설정

매개변수 전달 필수

var res = $('img').attr()

단일 매개변수는 현재 속성의 값을 가져오는 것입니다.

var res = $('#pic').attr('src')

이중 매개변수는 가져오는 것입니다. 첫 번째는 속성 이름, 두 번째는 설정할 새 값

$('#pic').attr('src', '../images/gyy.jpg') 
$('#pic').attr('style', 'border-radius: 50%;box-shadow:2px 2px 2px #888')

attr()은 리더와 설정자를 결합하는 일반적인 2가지 방법임을 알 수 있습니다.

attr()은 요소의 사용자 정의 속성을 얻을 수 있습니다.

HTML5에서는 사용자는 data- 접두사를 통해 태그에 추가될 수 있습니다. 사용자 정의 속성

var res = $('#pic').attr('data-nation')

attr()의 속성 값은 콜백 함수

$('#pic').attr('width', function(){return 100+50})

도 지원합니다. 참고: 콜백에서 반환된 숫자 유형은 자동으로 문자 유형으로 변환됩니다. 그런 다음 너비 속성에 할당됩니다

var res = $('#pic').attr('width')

2.removeAttr(): 요소 속성을 삭제합니다

이미지의 인라인 스타일 속성 스타일을 삭제합니다

$('#pic').removeAttr('style')

여러 속성을 삭제하고 공백으로 구분하여 상태를 반환할 수 있습니다. 현재 요소

var res = $('#pic').removeAttr('alt title data-nation')

콘솔에서 실행 결과 보기

console.log(res)

위 내용은 jquery 속성 및 사용자 정의 속성 작업: attr() 및 RemoveAttr()의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!