juqery权威指南学习笔记-1

最新推荐文章于 2020-07-30 17:36:33 发布

soul11201

最新推荐文章于 2020-07-30 17:36:33 发布

阅读量778

点赞数 1

本文链接：https://blog.csdn.net/y11201/article/details/18133323

版权

笔记专栏收录该内容

12 篇文章 0 订阅

订阅专栏

基本上比着书上的程序照抄的一个程序.在runjs.cn上写的，感觉这个平台用来入门学习html,js,css感觉挺不错的，三种代码分别在不同的窗口写，显得比较清爽，其次还可以实时预览。因为

把addClass写成了addclass,结果一直出错，没注意大小写，血淋淋的教训啊。

$(
	
	function(){
		$(".divTitle").click(
			function(){	 $(this).addClass("divCurrent").next(".divContent").css("display","block");
			}	
		)
}
);

.divFrame{
	width:260px;
	border:solid 1px #666;
	font-size:10pt;
}
.divTitle{
	background-color:#eee;padding:5px;}
.divContent{
	padding:5px;display:none;}
.divCurrent{background-color:red;}

<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>HelloWorld</title>
	<script id="jquery_182" type="text/javascript" class="library" src="/js/sandbox/jquery/jquery-1.8.2.min.js"></script>

	</head>
	<body>
		<div id = "divFrame">
			<div  class = "divTitle">点我试一试</div>
			<div class= "divContent">
				HelloWorld!
			</div>
			
		</div>
			
	</body>
</html>

soul11201

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
juqery权威指南学习笔记-1

基本上比着书上的程序照抄的一个程序.在runjs.cn上写的，感觉这个平台用来入门学习html,js,css感觉挺不错的，三种代码分别在不同的窗口写，显得比较清爽，其次还可以实时预览。因为把addClass写成了addclass,结果一直出错，没注意大小写，血淋淋的教训啊。$( function(){ $(".divTitle").click( function(){ $
复制链接

扫一扫