<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Title</title>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/jquery-migrate-1.4.1.js"></script>
<style>
.ti{
width: 300px;
height: 300px;
background-color: pink;
}
</style>
<script>
$(function () {
//添加按钮的点击属性
$("#btn1").on("click",function () {
$(".ti").hide("slow");
}); $ ( "# btn2").
// cancel click the Properties button
$("#btn1").off("click");
});
//进行切换
$("#btn3").toggle(function () {
$(".ti").css("backgroundColor","green");
},function () {
$(".ti").css("backgroundColor","pink");
});
});
</script>
</head>
<body>
<input type="button" value="点击事件" id="btn1"><br><br>
<input type="button" value="取消点击事件" id="btn2"><br><br>
<input type="button" value="点击事件生效与取消" id="btn3 "> <br> <br> </ HTML></ body></ div> animated show
<div class =" Ti ">
jquery click event
Guess you like
Origin www.cnblogs.com/fpflog/p/12082541.html
Ranking