<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="/Lecture-WEB/jquery/js/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function() {
alert('ready')
//$('input:text').hide()
//$('input:button').hide()
//$(':button').hide()
//$('button').hide()
$(':button').click(function() { //type 속성값이 button인 것들을 click 할 때, hr 태그를 숨겨주세요.
$('hr').hide()
//$(this).hide() ==> 클릭한 버튼에 해당하는 것만 숨겨주세요.
})
})
</script>
</head>
<body>
<hr>
<input type="text">
<input type="button" value="버튼1">
<button>버튼2</button>
<hr>
</body>
</html>
jQuery 객체는 배열 형태로 움직인다.
'웹 프로그래밍 > jQuery' 카테고리의 다른 글
| [jQuery] CSS 적용 (table 홀수 행, 짝수 행 따로 적용하기) (0) | 2020.06.23 |
|---|---|
| [jQuery] jQuery API 활용 예제 : 버튼 숨기기 (0) | 2020.06.23 |
| [jQuery] 속성을 지정한 선택자 활용 : $('a[target]').hide (0) | 2020.06.23 |
| [jQuery] 선택자, 후손태그 & 자식태그, :first & :first-child (0) | 2020.06.22 |
| [jQuery] jQuery 설치 방법 및 기본 예 : $(document).ready(function(){}) (0) | 2020.06.22 |
