初めての jQuery プログラムを作成する
プログラムを作成します
HTMLページを作成し、jQueryクラスライブラリを?qū)毪?、次のコードを作成します:
<!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>効果は次のとおりです:
ページには3つのボタンがあります。 Hello World の表示、非表示、および表示をそれぞれ制御します。その內(nèi)容を変更します。
この例では以下を使用します:
(1) jQuery ID セレクター: $("#btnShow") (2) イベント バインディング関數(shù): binding() (3) 表示関數(shù)と非表示関數(shù): show() および Hide( ) (4)要素內(nèi)のhtmlを変更する関數(shù):html()
