상세 컨텐츠

본문 제목

jquery 제이쿼리 기초 공부

관리X 과거글

by 까먹기전에 2015. 2. 27. 16:06

본문

반응형


<%@ page language="java" contentType="text/html; charset=EUC-KR"

pageEncoding="EUC-KR"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">

<title>Insert title here</title>

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>

<script type="text/javascript">

$(document).ready(function(){ -- window.onload 같은거

$("input").click(function(){ -- 태그명 input을 클릭하면 펑션발동

$(this).val("파이언인더홀"); -- 내가 클릭한거의 value 값에 인자값을 넣는다. 안에 이 값을 안넣으면 현재value값을                                             얻어오는것

})

});

</script>

</head>

<body>


<input type="button" value="aaa"> 

<input type="button" value="bbb"> 

<input type="button" value="ccc"> 

</body>

</html>





"input"만 하면 모든 input대상의 첫번째만 해당된다.


대신 $($("input")[2]) 라고 하면 input태그의 3번째꺼를 지칭한다 

관련글 더보기