<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src="jquery-3.1.0.js"></script>
<!--
$(function(){//将函数绑定在了ready上,只要DOM就绪就能执行
})
$(window).load(function(//将函数绑定在load上,页面元素完全加载后才行
)
以上两种方式根据实际情况使用 一般大多数时候用第一种就够了
事件绑定:bind 如果需要动态修改元素的行为的时候才会使用
合成事件
hover:光标移入与移出,分别调用两个函数
toggle:
简单的通过按钮控制p的显示与隐藏
<p>一个显示的内容</p>
<input type="button" value="按钮" name="bt1" />
<script type="text/javascript">
$(function(){
$("input[name='bt1']").click(function(){
$("p").toggle();
})
})
</script>
-->
</head>
<body>
<p>一个显示的内容</p>
<input type="button" value="按钮" name="bt1"/>
<script type="text/javascript">
$(function () {
$("input[name='bt1']").click(function () {
$("p").toggle(function () {
}, function () {
});
})
})
</script>
</body>
</html>