jQuery基础语法_php.cn手记

abstract：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script type="text/javascript"src="jquery-3.3.1.min.js"></script>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript"src="jquery-3.3.1.min.js"></script>
<script>
$(document).ready(function(){
	$(".width").click(function(){
    $("div").width(200);
  });
	$(".height").click(function(){
    $("div").height(200);
  });
	// $(".color").click(function(){
 //    $("div").color("pink");
 //  });
  	$(".hide").click(function(){
    $("div").hide();
  });
  $(".show").click(function(){
    $("div").show();
  });
});
</script>
</head>
<body>
<div style="width: 100px;height: 100px;background: red;"></div><br>
<button class="width">变宽</button>
<button class="height">变高</button>
<!-- <button class="color">变色</button> -->
<button class="hide">隐藏</button>
<button class="show">显示</button>
</body>
</html>

把之前JavaScript的案例拿过来试了一下，除了变色没办法改变，其他的都可以做到。

Correcting teacher：灭绝师太Correction time：2018-11-06 10:19:17
Teacher's summary：jquery是这样改变css样式的么？课余时间修改一下；注： width()、height() 是方法；修改好在提交一次

jQuery基础语法

Popular Entries