trigger()方法用户模拟用户操作，比较常见的一种情况就是输入框自动获得焦点：

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<script type="text/javascript" src="jquery.js"></script>

<title>jquery</title>

</head>

<body>

<form name="login">

  <input type="text" id="username"><br/>

  <input type="password" id="pwd"><br/>

  <input type="submit" value="登陆">

</form>

</body>

<script type="text/javascript">

   $("form[name=login] :input[id=username]").trigger("focus");

</script>

</html>

当用户打开这个界面的时候，用户名输入框就会自动得到焦点，所以用户就可以直接输入数据。

preventDefault()方法用户阻止元素的默认的行为，比如说：点击超链接的跳转的行为，点击提交按钮表单页面跳转的行为。

return false; 也有阻止元素默认行为的功能，此外它还可以停止动画的冒泡。

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<script type="text/javascript" src="jquery.js"></script>

<title>jquery</title>

</head>

<body>

<a href="http://www.baidu.com" name="link">哇哦，这是一个超链接~</a>

</body>

<script type="text/javascript">

   $("a[name=link]").click(function(event){

      event.preventDefault();

   });

</script>

</html>

使用return false;

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<script type="text/javascript" src="jquery.js"></script>

<title>jquery</title>

</head>

<body>

<a href="http://www.baidu.com" name="link">哇哦，这是一个超链接~</a>

</body>

<script type="text/javascript">

   $("a[name=link]").click(function(){

      return false;

   });

</script>

</html>

在进行表单验证的时候，当用户输入的数据不正确的时候，表单此时就不应该跳转，示例代码如下：

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<script type="text/javascript" src="jquery.js"></script>

<title>jquery</title>

<style type="text/css">

.red{

    color:red;

}

</style>

</head>

<body>

<form name="login" action="http://www.baidu.com">

  <input type="text" id="username"><br/>

  <input type="password" id="pwd"><br/>

  <input type="submit" value="登陆">

</form>

</body>

<script type="text/javascript">

   $("form[name=login] :submit").click(function(event){

       $target = $("form[name=login] :input[id=username]");

       var len = $target.val().length;

       if(len < 5){

          $target.parent().find("span.red").remove();

          $warn = "<span class='red'>用户名不能至少为5位</span>";

          $target.after($warn);

          alert(len);

          event.preventDefault();

       }

   })

</script>

</html>

jquery中的trigger()和preventDefault()方法的更多相关文章

  1. 关于jQuery中的trigger和triggerHandler方法的使用

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  2. 【jQuery】【转】jQuery中的trigger和triggerHandler区别

    trigger(event, [data]) 在每一个匹配的元素上触发某类事件. 这个函数也会导致浏览器同名的默认行为的执行.比如,如果用trigger()触发一个'submit',则同样会导致浏览器 ...

  3. JQuery中操作Css样式的方法

    JQuery中操作Css样式的方法//1.获取和设置样式 $("#tow").attr("class")获取ID为tow的class属性 $("#tw ...

  4. 浅析jQuery中常用的元素查找方法总结

    本篇文章是对jQuery中常用的元素查找方法进行了详细的总结和介绍,需要的朋友参考下   $("#myELement") 选择id值等于myElement的元素,id值不能重复在文 ...

  5. 【转发】JQuery中操作Css样式的方法

    JQuery中操作Css样式的方法 //1.获取和设置样式 $("#tow").attr("class")获取ID为tow的class属性 $("#t ...

  6. jquery中prop()方法和attr()方法

    接着上一篇笔记的疑惑,找了下prop()方法和attr()方法的区别. 原来query1.6中新加了一个方法prop(),一直没用过它,官方解释只有一句话:获取在匹配的元素集中的第一个元素的属性值. ...

  7. jquery-7 jquery中的文档处理方法有哪些（方法的参数表示功能增强）

    jquery-7 jquery中的文档处理方法有哪些(方法的参数表示功能增强) 一.总结 一句话总结:多看参考文档,多看主干目录.一般的功能分两个方法来实现,一个对应标签,一个对应标签和事情,比如克隆 ...

  8. js进阶 10-3 jquery中为什么用document.ready方法

    js进阶 10-3  jquery中为什么用document.ready方法 一.总结 一句话总结: 1.document.ready和window.onload的区别:用哪个好? document. ...

  9. jQuery中bind方法和live方法区别解析

    Javascript中的事件有它的独特性,有默认的执行事件,例如冒泡就是其中的一个.在很多比较复杂的应用程序中,停止事件的冒泡或捕获在程序开发当中是十分有用的,而在IE中有它的独特方式来阻止事件的冒泡 ...

随机推荐

  1. 李氏滑动事件冲突解决方案 之 处理子ViewGroup的超棒方案

    父ViewGroup(CurView) 和 子 ViewGroup(ParentView) 滑动事件冲突解决方案 之 处理子ViewGroup的超棒方案: 子ViewGroup 以 SlipRelat ...

  2. BZOJ5125: [Lydsy1712月赛]小Q的书架【决策单调性优化DP】【BIT】【莫队】【分治】

    小Q有n本书,每本书有一个独一无二的编号,现在它们正零乱地在地上排成了一排. 小Q希望把这一排书分成恰好k段,使得每段至少有一本书,然后把每段按照现在的顺序依次放到k层书架的每一层上去.将所有书都放到 ...

  3. JS 实战2（邮箱选人功能）

    点击选人打开新的窗口,新窗口中选取之后点击确定将所选内容传给原窗口,并关闭当前窗口 <%@ Page Language="C#" AutoEventWireup=" ...

  4. [BZOJ3470]Freda’s Walk

    bzoj description 雨后的Poetic Island空气格外清新,于是Freda和Rainbow出来散步. Poetic Island的交通可以看作一张\(n\)个点.\(m\)边的有向 ...

  5. centos6.5下tomcat安装

    1.安装JDK 安装:rpm –ivh jdk-7u5-linux-i586.rpm2.配置Tomcat 解压:tar -zxvf apache-tomcat-8.0.11.tar.gz 移动到/us ...

  6. 微信小程序设置底部导航栏目方法

    微信小程序底部想要有一个漂亮的导航栏目,不知道怎么制作,于是百度找到了本篇文章,分享给大家. 好了 小程序的头部标题 设置好了,我们来说说底部导航栏是如何实现的. 我们先来看个效果图 这里,我们添加了 ...

  7. CentOS7.2部署FTP

    目前Linux大部分部署的FTP服务器都是vsftpd,至于为什么,暂时没什么必要深究. 1.安装vsftpd # yum check-update //检查可更新的程序,也可以不更新直接安装,以防万 ...

  8. python 书籍推荐 二

    Python是一中面向对象的编程语言,语法简洁而清晰,具有丰富和强大的类库.对于初学编程者来说,首选Python是个非常棒的选择.   工具/原料 Python Python学习前的准备 1 学习任何 ...

  9. PHP外部调用网站百度统计数据的方法详解

    目的:外部调用网站的百度统计(tongji.baidu.com)数据. 条件:1.具备调用目标网站的百度统计平台管理权限 2.PHP环境支持curl函数. 原理:同PHP小偷程序原理,通过curl函数 ...

  10. IDA python使用笔记

    pattern='20 E5 40 00' addr=MinEA() for x in range(0,5):     addr=idc.FindBinary(addr,SEARCH_DOWN,pat ...