`
zhiming_817
  • 浏览: 164226 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

jquery 事件例子

    博客分类：
  • ajax
jQueryJavaScriptCSSHTML 
阅读更多 
<html>
	<head>
		<script type="text/javascript" src="jquery-1.4.1.js"></script>
		<script type="text/javascript">
			$("document").ready
			(
					function()
					{
						
						$('#class1').bind('click',function(){
							$('p').removeClass('cp');
							$('p').removeClass('cp2');
							$('p').removeClass('cp3');
							$('p').addClass('cp1');
							
						});
						$('#class2').bind('click',function(){
							$('p').removeClass('cp');
							$('p').addClass('cp2');
							$('p').removeClass('c1');
							$('p').removeClass('cp3');
						});
						$('#class3').bind('click',function(){
							$('p').removeClass('cp');
							$('p').removeClass('cp2');
							$('p').removeClass('cp1');
							$('p').addClass('cp3');
							
						});
					}
      );

					
			</script>
			<style type="text/css">
				.cp
				{
					text-size:10;
				}
				.cp1
				{
					text-size:20;
					background-color:red;
				}
				.cp2
				{
					text-size:30;
					background-color:blue;
				}
				.cp3
				{
					text-size:40;
					background-color:black;
				}
						</style>
	</head>
	
	<body>
		
		
		<div>
				<a id="class1" href="#">变红</a>
				<a id="class2" href="#">变蓝</a>
				<a id="class3" href="#">变黑</a>
		</div>
		<p class="cp">
			 你好点就撒了水
		</p>
	</body>
	
</html>

 

分享到：
| jquery 选择器练习
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics