You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
43 lines
1.4 KiB
43 lines
1.4 KiB
|
|
<%-- |
|
클릭시 일정영역을 팝업으로 출력함. |
|
--%> |
|
<%@page contentType="text/html" pageEncoding="UTF-8"%> |
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> |
|
|
|
<html> |
|
<head> |
|
<title>jQuery Selector</title> |
|
<link href="../Styles/Site.css" rel="stylesheet" type="text/css" /> |
|
<style> |
|
div,pre { background : #FFF; padding:10px; margin:10px; } |
|
table { border:1px solid #AAA; } |
|
td { border:1px solid #AAA; width:25px; height:25px; } |
|
</style> |
|
<script src="http://code.jquery.com/jquery-latest.js"></script> |
|
<script type="text/javascript"> |
|
$(document).ready(function () { |
|
$(":checked,:selected").css("border", "2px solid red"); |
|
$(":selected").css("background", "red"); |
|
}); |
|
</script> |
|
</head> |
|
<body style="padding:10px;"> |
|
<h2>jQuery 시작 Selector</h2> |
|
<p>jQuery에 대한 자세한 내용을 보려면 jquery.com 을 방문하세요.</p> |
|
<div> |
|
<ul> |
|
<li><input type="checkbox" checked="checked" />CheckBox #1 - </li> |
|
<li><input type="checkbox" />CheckBox #2</li> |
|
<li><input type="checkbox" checked="checked" />CheckBox #3</li> |
|
</ul> |
|
<select multiple="multiple"> |
|
<option>Option #1</option> |
|
<option selected="selected">Option #2</option> |
|
<option>Option #3</option> |
|
</select> |
|
</div> |
|
</body> |
|
</html> |
|
|
|
|
|
|