> 웹 프론트엔드 > JS 튜토리얼 > 요소 속성 attr 할당_jquery를 사용한 jQuery에 대한 자세한 설명

요소 속성 attr 할당_jquery를 사용한 jQuery에 대한 자세한 설명

WBOY
풀어 주다: 2016-05-16 16:12:55
원래의
1092명이 탐색했습니다.

코드 복사 코드는 다음과 같습니다.

1.$("Element").attr(name) '$("img").attr("src")와 같이 첫 번째로 일치하는 속성 값을 가져옵니다.
2.$("Element".attr(key,value)") '특정 요소에 대한 속성 설정
3.$("Element".attr({key:value,key1:value,....})) '한 요소에 대해 여러 속성을 한 번에 설정
4.$("Element").attr(key,function) '일치하는 모든 요소에 대해 계산된 속성 값을 설정합니다.
5.$("Element").removeAttr(name)//속성 제거

jQuery 코드:

코드 복사 코드는 다음과 같습니다.

$("img").attr("src");

매개변수 속성 설명:

모든 이미지에 src 및 alt 속성을 설정하세요.

jQuery 코드:

코드 복사 코드는 다음과 같습니다.

$("img").attr({ src: "test.jpg", alt: "테스트 이미지" });

매개변수 키, 값 설명:

모든 이미지에 src 속성을 설정하세요.

jQuery 코드:

코드 복사 코드는 다음과 같습니다.

$("img").attr("src","test.jpg");

매개변수 키, 콜백 함수 설명:

src 속성 값을 title 속성 값으로 설정합니다.

jQuery 코드:

코드 복사 코드는 다음과 같습니다.

$("img").attr("title", function() { return this.src });

위 내용은 이 글의 전체 내용입니다. 여러분 모두 마음에 드셨으면 좋겠습니다.

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿