ホームページ  >  記事  >  ウェブフロントエンド  >  JQuery の小演習 (コード例)_jquery

JQuery の小演習 (コード例)_jquery

WBOY
WBOYオリジナル
2016-05-16 18:48:341348ブラウズ

1. ボタンはクリックできるようになるまで 10 秒間カウントダウンします。この効果は通常、一部のフォーラムに登録するときに使用されます。これ以上の手間をかけずに、コードを入力するだけです:

コードをコピーします コードは次のとおりです。次のように:




</タイトル> <br><スクリプト タイプ="text/javascript" src="js/jquery-1.3.2.js"></script> <br><スクリプト タイプ="text/javascript"> <br> var timeOut; <br>var count = 10; <br>$(function() { <br>$("#btnSubmit").attr("無効", "無効"); <br>$( "#btnSubmit ").val("sure(" count.toString() ")determined"); <br>timeOut = setTimeout(ButtonCount, <br>}); <br>ButtonCount = function(); <br> if (count == 0) { <br>$("#btnSubmit").attr("無効", ""); <br>$("#btnSubmit").val("OK"); <br> clearTimeout(timeOut); <br>} <br>else { <br>count--; <br>$("#btnSubmit").attr("無効", "無効"); ("# btnSubmit").val("sure(" count.toString() ")determined"); <br>setTimeout(ButtonCount, 1000) <br>} <br>} <br></script> <br> </head> <br><body> <br></body> </ html> <br><br> <br> 2. 1 か月以上前に jquery を学ばなかったとき、この効果はとても素晴らしかったと思います。フロントエンドでの jquery の効果がわかります。コードは次のとおりです。<br> </div> <br><br><div class="codetitle"> ><span> コードは次のとおりです: <a style="CURSOR: pointer" data="32009" class="copybut" id="copybut32009" onclick="doCopy('code32009')"><u> </u><! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org /TR/xhtml1/DTD/xhtml1-transitional.dtd"> </a><html xmlns ="http://www.w3.org/1999/xhtml"> </span><head> </div> <title>