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. 重大新闻：借贷宝不用绑卡了，借贷宝APP推出肖像识别新功能！

    动动手指,20元人民币立即到手:http://www.cnblogs.com/mfryf/p/4754384.html 滴滴打车烧钱十几个亿,狂送打车券,很多人天天免费坐车! 去年年初百度钱包注册奖励 ...

  2. Android清理内存

    Android内存清理,利用ActivityManager获取当前正在运行的进程,清理这些进程释放内存. 可以根据importance的不同来判断前台或后台RunningAppProcessInfo ...

  3. Zjnu Stadium(hdu3047带权并查集)

    题意:一个300列的无限行的循环场地,a b d代表a,b顺时针相距d的距离,现在给你一些距离,判断是否有冲突,如果有冲突计算冲突的次数 思路:带权并查集 a,b的距离等于b到根节点的距离 - a到根 ...

  4. mysql 5.7忘记密码处理

    vi /etc/my.cnf在[mysqld]下面增加一行skip-grant-tables 重启  /etc/init.d/mysqld restart /usr/local/mysql/bin/m ...

  5. PES包头

    PES是打包过的ES,已经插入PTS和DTS,一般是一个pes包为一帧图像 PES包格式: PES再打包成TS流或PS流,往往一个PES会分存到多个ts包中, start_code: 0x00 00 ...

  6. 通过匹配绑定select option的文本值 模糊匹配

    //通过匹配绑定select option的文本值 模糊匹配 $(".class option:contains('文本值')").attr("selected" ...

  7. SQL Server 性能小点

    1. 对索引列使用Like语句, 如果是"Like 'aa%'"则使用索引优化, 若是"Like '%aa'"则不使用索引优化. 2. "[Age] ...

  8. SQL Server 强行Insert包含自增列值的记录

    SET IDENTITY_INSERT 表 ON INSERT INTO 表 ([ID] ,[SequenceNumber] ,[EnumCode] ,[Description]) VALUES ( ...

  9. 使用react-native做一个简单的应用－03欢迎界面

    Android和iOS的欢迎界面是不一样的,在iOS中有一个默认的欢迎界面,而Android则需要自己写.因此我就分开说一下这两个平台的欢迎界面的搭建.下面先看一下实现效果: Android: iOS ...

  10. Android studio教程：[1] 创建app项目

    Android studio作为面市不久的安卓开发工具,越来越受到大家的喜爱,这里我将介绍如何在Android studio中创建一个APP项目,并在以后经验中介绍其他有关Android studio ...