jquery-sandbox/index_video6.html at developing · corywheeler/jquery-sandbox · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<html>

	<head>

		<style type="text/css">
			#box {
				width: 200px;
				height: 200px;
				background: red;
			}

			.border {
				border: 5px solid black;
			}

			.highlight {
				background: yellow;
			}
		</style>

		<script src="jquery-1.4.2.min.js" type="text/javascript"></script>
		<script type="text/javascript">

			$(function () {
				$('a').click(function () {
					$('#box').toggleClass('border');
				})

				$('p').click(function () {
					$(this).toggleClass('highlight');
				})
			})

		</script>

	</head>

	<body>
		<div id="box"></div>

		<a href="#">Click</a>

		<p>This is a paragraph block.</p>
		<p>This is a paragraph block.</p>
		<p>This is a paragraph block.</p>

		<p>This is a paragraph block.</p>

	</body>

</html>