728x90
반응형
기본문법
.attr( attributeName )
.attr( attributeName ) 메서드 사용 예시
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>attr demo</title>
<style>
p {
margin: 20px 0 0;
}
b {
color: blue;
}
</style>
<script src="https://code.jquery.com/jquery-3.5.0.js"></script>
</head>
<body>
<input id="check1" type="checkbox" checked="checked">
<label for="check1">Check me</label>
<p></p>
<script>
$( "input" )
.change(function() {
var $input = $( this );
$( "p" ).html( ".attr( 'checked' ): <b>" + $input.attr( "checked" ) + "</b><br>" +
".prop( 'checked' ): <b>" + $input.prop( "checked" ) + "</b><br>" +
".is( ':checked' ): <b>" + $input.is( ":checked" ) + "</b>" );
})
.change();
</script>
</body>
</html>
참고자료 :
.attr() | jQuery API Documentation
Description: Get the value of an attribute for the first element in the set of matched elements. The .attr() method gets the attribute value for only the first element in the matched set. To get the value for each element individually, use a looping constr
api.jquery.com
728x90
반응형
'Front - End' 카테고리의 다른 글
| [jQuery] 공백을 제거하는 방법 - trim() (0) | 2022.09.26 |
|---|---|
| [JavaScript] trim() 사용하기 (1) | 2022.09.26 |
| 타임리프 (Thymleaf) 기본 문법 (속성)(2) (0) | 2022.09.19 |
| 타임리프 (Thymleaf) 기본 문법 (속성)(1) (0) | 2022.09.19 |
| 타임리프 (Thymleaf) 기본 문법 (표현식) (0) | 2022.09.19 |
