编写第一个jQuery程序
编写程序
创建一个 html 页面，引入 jQuery 类库并且编写如下代码：
<!doctype html>
<html lang="zh">
<head>
<meta charset="utf-8"/>
<title>Hello World jQuery!</title>
<script src="http://code.jquery.com/jquery-3.1.1.min.js"></script>
</head>
<body>
<div id="divMsg">Hello jQuery!</div>
<input id="btnShow" type="button" value="show" />
<input id="btnHide" type="button" value="hidden" /><br/>
<input id="btnChange" type="button" value="change content is Hello World, too!"/>
<script>
$("#btnShow").bind("click", function(event) {
$("#divMsg").show();
});
$("#btnHide").bind("click", function(event) {
$("#divMsg").hide();
});
$("#btnChange").bind("click", function(event) {
$("#divMsg").html("Hello World, too!");
});
</script>
</body>
</html>效果如下：
页面上有三个按钮，分别控制 Hello World 的显示、隐藏和修改其内容。
此示例使用了：
（1）jQuery 的 ID 选择器：$("#btnShow") （2）事件绑定函数：bind() （3）显示和隐藏函数：show()和hide() （4）修改元素内部 html 的函数：html()
汪汪
好复杂的例子啊
8年前 添加回复 0