a태그
a태그: 하이퍼링크를 걸어주는
href는 클릭했을 대 이동할 페이지를 설정하는 속성
target은 href로 걸어둔 링크를 여는방법을 설정하는 속성
target=""에서""안에들어갈값들
_self: 현재 페이지 (기본값)
_blank: 새 탭
- 또는 직접 프레임 이름을 명시해서 사용할 수도 있습니다.
<html>
<body>
<a href="http://www.naver.com">Naver</a>
<br>
<a href="http://naver.com" target="_blank">Naver(새창)</a>
</body>
</html>
가끔은 이런 a태그의 목적(링크클릭!)을 지우고 싶을 때
$("a").removeAttr("href")
태그가 등장한 이후에 위 태그를 써야한다.
등장한 즉시 모든 a태그에서 href속성을 지우기 때문
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.0.min.js" ></script>
</head>
<body>
<a href="http://www.naver.com">네이버로 가랏</a>
<script type="text/javascript">
$("a").removeAttr("href")
</script>
<a href="http://www.naver.com">네이버로 가랏</a>
</body>
</html>
Clik 함수
click함수: jQuery의 함수로, 클릭했을 때 어떤 행동을 할지 정해주는 함수
$( 선택자 ).click(하고 싶은 일)
$( 선택자 ).click(function(){
하고 싶은일
})익명함수를 사용한 예시
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.0.min.js" ></script>
</head>
<body>
<div style = "width : 100px; height:100px; background-color:pink;">박스맨</div>
<script type="text/javascript">
$("div").click(function(){alert("야호!")});
</script>
</body>
</html>div박스를 클릭하면 야호!라는 알림창을 띄우는 코드 .
$("div").click(function(){alert("야호!")});
천방지축😛 얼레벌레🙄 빙글빙글🙃 돌아가는 수지의 코드~🎵