ホームページ > 記事 > ウェブフロントエンド > JQuery_jqueryのイベントとアニメーションの使用例
JQuery_jqueryのイベントとアニメーションの使用例
- WBOYオリジナル
- 2016-05-16 16:17:581175ブラウズ
この記事の例では、JQuery でのイベントとアニメーションの使用法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。
1.バインドイベント
コードをコピー コードは次のとおりです:
<スクリプト>
$(関数() {
$("#divid h5.head").bind("click", function () { //イベントをバインドします。これには 3 つのパラメーターが含まれます。1 つ目はイベント、2 つ目はイベントです
alert($(this).text());
});
$("#divid h5.content").css("display", "none"); //css メソッドはラベル スタイルを動的に設定します
});
$(関数() {
$("#btnid").bind("クリック", function () {
if (bool == true) {
$("#btnid .content").css("表示", "なし");
bool = false;
$(this).val("表示");
}
他 {
$("#btnid .content").css("表示", "");
bool = true;
$(this).val("hidden");
}
});
});
$(関数() {
$("input[type=button]").bind("click", function () { //コンテンツの表示と非表示
var content = $("#divid .content");
if (content.is(":visible")) {
content.hide();
$(this).val("表示");
}
他 {
content.show();
$(this).val("hidden");
}
});
});
ロッキー?
傘を持ってくる必要はありません。濡れた心が乾くまでどれくらいかかるかを見てみましょう