jQueyのreturn falseを学ぶ
1943 ワード
jQueyのreturn falseの役割は何ですか?
多くの文の中でreturn falseが使われています.もちろん、それを熟知している開発者にとっては、もちろん根底を知っています.この文の役割を知っていれば、いつこの文を使うかはもちろんわかりますが、初心者には必ずしもはっきりしているとは限らないかもしれません.以下、return false文の役割を実例で紹介します.
return文の役割は一般的に関数値を返し、次の文を実行せずに関数呼び出しの場所に直接ジャンプすることです.また、デフォルトのイベント動作の発生を取り消す重要な役割もあります.
コードの例は次のとおりです.
以上のコードから分かるように、リンクをクリックしてもジャンプしていません.http://www.baidu.com
トップページは、return falseがブラウザのデフォルトの動作を阻止することができるためです.例えば、ハイパーリンクをクリックすると、Webページのジャンプがブラウザのデフォルトの動作になります.フォーム検証の例を次に示します.
以上のコードでは、各判断文の最後にreturn false文が追加され、ユーザー名やパスワードが空の場合はプロンプトボックスがポップアップされ、return false文がなければプロンプトボックスもポップアップできますが、フォームはコミットフォームをクリックすることがコミットボタンをクリックするデフォルトのイベント動作であるため、コミットフォームはコミットされます.
多くの文の中でreturn falseが使われています.もちろん、それを熟知している開発者にとっては、もちろん根底を知っています.この文の役割を知っていれば、いつこの文を使うかはもちろんわかりますが、初心者には必ずしもはっきりしているとは限らないかもしれません.以下、return false文の役割を実例で紹介します.
return文の役割は一般的に関数値を返し、次の文を実行せずに関数呼び出しの場所に直接ジャンプすることです.また、デフォルトのイベント動作の発生を取り消す重要な役割もあります.
コードの例は次のとおりです.
test
$(document).ready(function(){
$("a").click(function(){
return false;
})
})
以上のコードから分かるように、リンクをクリックしてもジャンプしていません.http://www.baidu.com
トップページは、return falseがブラウザのデフォルトの動作を阻止することができるためです.例えば、ハイパーリンクをクリックすると、Webページのジャンプがブラウザのデフォルトの動作になります.フォーム検証の例を次に示します.
test
$(document).ready(function(){
$(":submit").click(function(){
if($("#username").val()=="")
{
alert(" !");
$("#username").focus();
return false;
}
if($("#pw").val()=="")
{
alert(" !");
$("#pw").focus();
return false;
}
})
})
以上のコードでは、各判断文の最後にreturn false文が追加され、ユーザー名やパスワードが空の場合はプロンプトボックスがポップアップされ、return false文がなければプロンプトボックスもポップアップできますが、フォームはコミットフォームをクリックすることがコミットボタンをクリックするデフォルトのイベント動作であるため、コミットフォームはコミットされます.