jQuery中的trigger()和preventDefault()方法


jQuery中的trigger()和preventDefault()方法

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="

jQuery实战 中文PDF+源码

《jQuery即学即用(双色)》 PDF+源代码

锋利的jQuery(第2版) 完整版PDF+源码

jQuery完成带复选框的表格行高亮显示

jQuery基础教程(第4版) PDF 完整高清版+配套源码

--------------------------------------分割线 --------------------------------------

jQuery 的详细介绍:请点这里
jQuery 的下载地址:请点这里

本文永久更新链接地址:

相关内容