jQuery_jquery의 attr() 메소드 사용 예

이 글의 예에서는 jQuery에서 attr() 메소드를 사용하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

이 메서드는 일치하는 요소의 속성 값을 설정하거나 반환합니다.
attr() 메소드는 매개변수에 따라 다른 기능을 가지고 있습니다.

문법 구조 1:
첫 번째로 일치하는 요소의 지정된 속성의 속성 값을 가져옵니다.

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

$(selector).attr(name)

매개변수 목록:

参数	描述
name	定义要获取其值的属性名称。

예제 코드:

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

나는 두 번째 div입니다

효과를 보려면 클릭하세요
본문>

위 코드에서 버튼을 클릭하면 일치하는 요소 컬렉션의 첫 번째 요소의 클래스 속성 값이 팝업될 수 있습니다.

문법 구조 2:
일치하는 요소의 지정된 속성에 대한 속성 값을 설정합니다.

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

$(selector).attr(attribute,value)

매개변수 목록:

参数	描述
attribute	定义要设置值的属性名称。
value	定义要设置的属性值。

实例代码:

复主代码 代码如下:

点击查看效果
본문>

以上代码中, 当点击按钮的时候, 能够重new设置div元素的class属性值。

语法结构三:
"이름/值" 모양의 유형은 对象设置为匹配元素의 특성입니다.

复aze代码 代码如下:

$(selector).attr(속성)

参数列表:

예제 코드:

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

머리>



스크립트 하우스에 오신 것을 환영합니다

테이블>
효과를 보려면 클릭하세요
본문>

위 코드에서는 셀의 너비와 높이를 설정할 수 있습니다.

구문 구조 4: 함수 반환 값을 통해 속성 값을 설정합니다.

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

$(selector).attr(name,function(index) ,이전 값) )

매개변수 목록:

参数	描述
name	定义要设置值的属性的名称。
function(index,oldvalue)	定义返回属性值的函数 index - 可选，接受选择器的索引位置。 class - 可选，接受选择器的当前的属性值。

实例代码:

复主代码 代码如下:

点击查看效果
본문>

以上代码中,同样可以设置div의 수업은 매우 흥미롭습니다.

希望本文所述对大家의 jQuery는 매우 유용합니다.