>  기사  >  웹 프론트엔드  >  Jquery_jquery에서 attr 및 RemoveAttr을 사용하는 방법

Jquery_jquery에서 attr 및 RemoveAttr을 사용하는 방법

WBOY
WBOY원래의
2016-05-16 18:13:131523검색

attr의 사용법을 자세히 살펴보겠습니다:
1. attr(name): 첫 번째로 일치하는 요소의 속성 값을 가져옵니다. 이 방법을 사용하면 일치하는 첫 번째 요소에서 속성 값을 쉽게 가져올 수 있습니다. 요소에 해당 속성이 없으면 정의되지 않은 값이 반환됩니다. 이름은 문자열입니다. 아래에서는 img 요소를 사용하여 이 사용법을 보여줍니다.

코드 복사 코드는 다음과 같습니다. 🎜>
//html 파일에서
//img 요소의 src 속성을 가져오기 위해 attr을 사용할 수 있습니다.
$(function( ){
var imgSrc = $("img").attr('src');
alert(imgSrc); //a.gif 표시
})

2. attr(key,value): 일치하는 모든 요소에 대한 속성 값을 설정합니다. key는 문자열 속성 이름, value는 객체 속성 값, 사용법 데모:

코드 복사 코드는 다음과 같습니다.
//html 파일의
//img의 src 속성을 설정하려면 이 방법을 사용하세요.
$(function(){
$(" img").attr('src ', 'a.gif'); //
})

3. attr(properties): 이는 일치하는 모든 요소에 걸쳐 많은 속성을 대량으로 설정하는 가장 좋은 방법입니다. 참고로, 객체의 클래스 속성을 설정하려면 속성 이름으로 'className'을 사용해야 합니다. 또는 .addClass( class ) 및 .removeClass( class )를 직접 사용할 수 있습니다.

코드 복사 코드는 다음과 같습니다.
//파일에서
$(function(){
$("img").attr({src:'a.gif', 제목: '이것은 이미지입니다', className: 'filter'})
})
//

4. attr(key, fn): 일치하는 모든 요소에 대해 계산된 속성 값을 설정합니다. 값을 제공하는 대신 값이 속성 값으로 계산되는 함수를 제공하십시오.

코드 복사 코드는 다음과 같습니다.
//
$(function(){
$("img").attr('title', function(){ return this.src }); //표시
})

위에서는 attr의 일부 사용법을 소개합니다. 다음은 RemoveAttr의 의미입니다. 제거는 일치하는 각 요소에서 속성을 제거하는 것을 의미합니다. 구체적인 사용법은 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.
//In the document< img src="a.gif" title="이것은 이미지입니다" ?>
$(function(){
$("img").removeAttr('title'); //표시< ; img src="a.gif" />
})

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