jQuey中的return false作用是什么:

在众多的语句中都有return false的使用，当然对于熟悉它的开发者来说，当然是知根知底，知道此语句的作用，当然也就知道在什么时候使用此语句，不过对于初学者可能未必掌握的很清晰明了，下面通过实例介绍一下return false语句的作用。
return语句的作用一般是返回函数值，并不再执行下面的语句，直接跳到函数调用的地方，另外还有一个重要的作用，那就是取消默认事件行为的发生。
代码实例如下:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta name="author" content="http://www.softwhy.com/" />

<title>蚂蚁部落</title>

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>

<script type="text/javascript">

$(document).ready(function(){

$("a").click(function(){

   return false;

})

})

</script>

</head>

<body>

<div id="first">

<div id="second">

  <a id="third" href="http://www.softwhy.com">链接</a>

</div>

</div>

</body>

</html>

从以上代码可以看出，点击链接之后并没有跳转到www.softwhy.com首页，这是因为return false能够阻止浏览器的默认行为，比如点击超链接就会实现网页跳转就是浏览器的默认行为。下面再看一个表单验证的例子：

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta name="author" content="http://www.softwhy.com/" />

<title>蚂蚁部落</title>

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>

<script type="text/javascript">

$(document).ready(function(){

  $(":submit").click(function(){

    if($("#username").val()=="")

    {

      alert("用户名不能为空!");

      $("#username").focus();

      return false;

    }

    if($("#pw").val()=="")

    {

      alert("密码不能为空!");

      $("#pw").focus();

      return false;

    }

  })

})

</script>

</head>

<body>

<form action="http://www.softwhy.com" name="myform">

<ul>

  <li>用户名:<input type="text" id="username" /></li>

  <li>密码:<input type="password" id="pw" /></li>

  <li><input type="submit" value="提交表单"></li>

</ul>

</form>

</body>

</html>

以上代码中，每一个判断语句的最后都添加了return false语句，如果用户名或者密码为空的话，则会弹出提示框，如果没有return false语句的话，那么尽管还能够弹出提示框，但是表单依然会被提交，因为点击提交表单就是点击提交按钮的默认事件行为。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=5827

[转！]jQuey中的return false作用是什么的更多相关文章

  1. jQuey中的return false作用是什么？

    jQuey中的return false作用是什么?在众多的语句中都有return false的使用,当然对于熟悉它的开发者来说,当然是知根知底,知道此语句的作用,当然也就知道在什么时候使用此语句,不过 ...

  2. jquery 中的 return false 不起作用

    jquery  中的 return false 不起作用 $(".lcId").each(function(e) { if ($(this).attr("checked& ...

  3. javascript中的 return false和return true

    关于javascript中的 return false和return true,return 是javascript里函数返回值的关键字,一个函数内处理的结果可以使用return 返回,这样在调用函数 ...

  4. JavaScript 回调函数中的 return false 问题

    今天一个同事问了我一个问题,就是在 Ajax 方法中,请求成功后(success)的回调函数中根据响应的值来判断程序是否继续执行,他不解的是在回调函数中已经 return false 了,但是 Aja ...

  5. a链接的onclick与js中的return false

    在学习<javascript基础教程>第八版时,有一个小细节开始不是很明白,查了一些资料后,理了一下思路. 例子的html代码: <!DOCTYPE html> <htm ...

  6. js中的 return false;

    总的来说return false 的作用就是阻止事件的默认行为 1. function check() { if(form.title.value=="") { alert(&qu ...

  7. jQuery中的 return false, e.preventDefault(), e.stopPropagation()的区别

    e.stopPropagation()阻止事件冒泡 <html><head>     <title></title>     <script sr ...

  8. jquery click事件中的return false

    提交表单数据时设定了type="submit"属性,单击提交按钮后会默认刷新页面 但是在使用jquery的click事件时没出现跳转 $('button').click(funct ...

  9. mousedown(function(){ return false; })作用

    mousedown(function(){ return false;});  阻止浏览器的默认行为.  比如a你加个空连接,可能会在当前页跳转, 你加了这句,就可以阻止a跳转,然后只执行js函数的代 ...

随机推荐

  1. Course Schedule II 解答

    Question There are a total of n courses you have to take, labeled from 0 to n - 1. Some courses may ...

  2. uva 101 by sixleaves

    这是一道很好的模拟题,用vector<int> p[maxn],建立模型,映射为maxn个堆.主要要掌握vector模拟堆操作的简单方法.接下来得思路是自顶向下的方式,逐步完善程序.首先根 ...

  3. A canvas fillText and strokeText example

    A canvas fillText and strokeText example A canvas fillText and strokeText example

  4. 使用ASIHttoRequest需要导入的framework

    需要导入如下framework libxml2.2.dylib libz.1.2.5.dylib MobileCoreServices.framework SystemConfiguration.fr ...

  5. 【Oracle】删除重复记录

    --复习autotrace: SET AUTOTRACE OFF --不生成AUTOTRACE 报告,这是缺省模式 SET AUTOTRACE ON EXPLAIN --AUTOTRACE只显示优化器 ...

  6. Yeslab现任明教教主数据中心Nexus课程 视频教程 下载

    Yeslab现任明教教主数据中心Nexus课程 视频下载 视频教程下载目录: Yeslab现任明教教主数据中心Nexus课程第1部分.rar Yeslab现任明教教主数据中心Nexus课程第2部分.p ...

  7. ASP无惧上传类不能上传中文双引号文件及ASP函数InStr存在bug

    ASP无惧上传类不能上传中文双引号文件及ASP函数InStr存在bug 近日发现eWebEditor V2.8 asp 版本上传文件文件名不能包含中文双引号,发现eWebEditor使用ASP“无惧上 ...

  8. hdu2095 像水题的不错题 异或运算

    异或运算的基础有点忘记了 先介绍一下..2个数异或 就是对于每一个二进制位进行位运算 具有2个特殊的性质 1.一个数异或本身恒等于0,如5^5恒等于0: 2.一个数异或0恒等于本身,如5^0恒等于5. ...

  9. .Net类型与JSON的映射关系

    首先谢谢大家的支持和关注.本章主要介绍.Net类型与JSON是如何映射的.我们知道JSON中类型基本上有三种:值类型,数组和对象.而.Net中的类型比较多.到底它们是如何映射的呢? 总体来讲,Json ...

  10. 新浪微博iOS示例,登录,获取个人信息

    1.导入第三方库和系统框架