jQuery案例 - W3xue在线HTML/CSS/JS运行工具

​x
 
<html>
<head>
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("div").click(function() {
    $(this).css(
      "width", function(index, value) {return parseFloat(value) * 1.2;}
    );
  });
});
</script>
<style>
div {width:100px; height:50px; background-color:red;}
</style>
</head>
​
<body>
<div>请点击这里</div>
</body>
</html>
​