jquery事件preventDefault()方法用法实例
本文实例讲述了jquery事件preventDefault()方法用法。分享给大家供大家参考。具体实现方法如下:
<html>
<head>
<title>jquery事件:preventDefault()方法的使用</title>
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(function(){
$("#myform").submit(function(e){
if($("#search").val()==""){
alert("搜索内容不能为空");
e.preventDefault();
}
});
});
</script>
</head>
<body>
<form action="http://www.baidu.com" method="post" id="myform">
<input type="text" size="38" id="search" /><input type="submit" value="搜索" />
</form>
</body>
</html>
补充说明:
(1)如果想获取事件的相关信息,则给匿名函数添加一个参数。例子中的e表示事件的对象。
(2)通过调用事件对象的preventDefault()方法,能够阻止默认行为的发生(如例子中的发送到http://www.baidu.com)。
另外,调用事件对象的stopPropagation()方法,能够阻止冒泡事件的发生。关于冒泡模型与捕捉模型,可参考另外一篇文章《js中的事件捕捉模型与冒泡模型实例分析》。
希望本文所述对大家的jQuery程序设计有所帮助。
相关推荐
-
jQuery插件imgPreviewQs实现上传图片预览
上传图片预览,支持IE6.IE7.IE8.IE9.IE10.IE11. 火狐.Chrome 具体没有测试,但是高版本都支持. imgPreviewQs.js /*! 依赖 jQuery 1.5.2 (c) 2016 license: http://www.opensource.org/licenses/mit-license.php */ (function($){ $.fn.imgPreviewQs = function(options){ function isIE(ver){ var b
-
jQuery中prevAll()方法用法实例
本文实例讲述了jQuery中prevAll()方法用法.分享给大家供大家参考.具体分析如下: 此方法查找匹配元素集合之前所有的同辈元素. 同辈元素集合可以通过选择器进行筛选. 语法结构: 复制代码 代码如下: $("selector").prevAll(expr) 参数列表: 参数 描述 expr 可选.用于过滤的表达式. 实例代码: 实例一: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta cha
-
JQuery事件e参数的方法preventDefault()取消默认行为
JQuery事件的e参数的方法preventDefault()可以取消对象的默认行为.如下代码: 复制代码 代码如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <t
-
关于jQuery里prev()的简单操作代码
prev() 函数被用来匹配元素集的前一个兄弟元素,仅仅只有前一个兄弟元素被选择,其子元素将被忽略.这里给大家介绍jQuery里prev()的简单操作,具体内容如下: 一个朋友提了个需求给我:点击按钮删除input,如果input剩一个,点击按钮全部消失. 很简单的操作,但是你如果不知道jquery里有prev()这个方法,可能你会走很多弯路. 代码: html <div> <input type="text" placeholder="用户名"&
-
jQuery 遍历-nextUntil()方法以及prevUntil()方法的使用介绍
nextUntil() 获得每个元素所有跟随的同胞元素,当有参数时,则直到遇到该方法的参数所匹配的元素时会停止搜索.返回的新 jQuery 对象包含所有跟随的同胞元素,但不包括被选择器.DOM 节点或已传递的 jQuery 对象匹配的元素.如果没有参数,则会选取所有跟随的同胞元素,此时与.nextAll()方法相同. 语法一: 复制代码 代码如下: .nextUntil(selector,filter) 语法二: 复制代码 代码如下: .nextUntil(element,filter) 详细说
-
jQuery prev ~ siblings选择器使用介绍
1.prev ~ siblings:匹配 prev 元素之后的所有 siblings 元素 2.(1)prev:任何有效选择器 (2)siblings:一个选择器,并且它作为第一个选择器的同辈 3.示例 (1)源码 siblings.html 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-t
-
jQuery中prev()方法用法实例
本文实例讲述了jQuery中prev()方法用法.分享给大家供大家参考.具体分析如下: 此方法取的匹配元素集合中每个元素紧邻的前一个同辈元素. 同辈元素集合可以通过选择器进行筛选. 语法结构: 复制代码 代码如下: $(selector).prev(expr) 参数列表: 参数 描述 expr 可选.用于筛选前一个同辈元素的表达式 实例代码: 实例一: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=&
-
使用jquery prev()方法找到同级的前一个元素
检索每个段落,找到类名为 "selected" 的前一个同胞元素: $("p").prev(".selected") .prev() 方法允许我们在 DOM 树中搜索这些元素的前一个同胞元素,并用匹配元素构造一个新的 jQuery 对象. .prev()方法找到的是当前元素的同级的前一个元素
-
jquery事件preventDefault()方法用法实例
本文实例讲述了jquery事件preventDefault()方法用法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html> <head> <title>jquery事件:preventDefault()方法的使用</title> <script type="text/javascript" src="jquery-1.8.2.min.js"></script> <
-
jQuery的one()方法用法实例
本文实例讲述了jQuery的one()方法用法.分享给大家供大家参考.具体分析如下: 为匹配元素的特定事件绑定一个一次性的事件处理方法. 在语法上one()方法和bind()方法是一样的,它们的不同在于绑定的处理方法的执行次数. 语法结构: 复制代码 代码如下: $(selector).one(event,data,function) 参数列表: 参数 描述 type 定义绑定到匹配元素中的事件类型. 如果有多个事件使用空格分隔. data 可选.传递给事件对象的额外数据对象. function
-
jQuery中die()方法用法实例
本文实例讲述了jQuery中die()方法用法.分享给大家供大家参考.具体分析如下: 此方法移除所有通过live()方法向指定元素添加的一个或多个事件处理程序. 语法结构: 复制代码 代码如下: $(selector).die(type,function) 参数列表: 参数 描述 type 可选.定义附加到元素的一个或多个事件类型.由空格分隔多个事件值. function 定义当事件发生时运行的函数. 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html>
-
jQuery中unbind()方法用法实例
本文实例讲述了jQuery中unbind()方法用法.分享给大家供大家参考.具体分析如下: 此方法移除被选元素的事件处理程序,包括通过bind()方法注册的自定义事件. unbind()方法如果不带参数,则删除所有绑定的事件. 此方法如果提供了事件类型作为参数,则只删除该类型的绑定事件. 如果把在绑定时传递的处理函数作为第二个参数,则只有这个特定的事件处理函数会被删除. 语法结构: 复制代码 代码如下: $(selector).unbind(type,function) 参数列表: 参数 描述
-
jQuery中remove()方法用法实例
本文实例讲述了jQuery中remove()方法用法.分享给大家供大家参考.具体分析如下: 此方法将会从DOM中删除所有匹配的元素. 说明:remove()方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素,不过除了这个元素本身得以保留之外,其他的比如绑定的事件,附加的数据等都会被移除. 语法结构: 复制代码 代码如下: $(selector).remove(expr) 参数列表: 参数 描述 expr 可选.用于筛选元素的jQuery表达式 实例代码: 实例一:
-
jQuery中bind()方法用法实例
本文实例讲述了jQuery中bind()方法用法.分享给大家供大家参考.具体分析如下: 此方法为匹配元素的特定事件绑定事件处理方法. 在语法上bind()方法和one()方法是一样的,它们的不同在于绑定的处理方法的执行次数. 语法结构一: 复制代码 代码如下: $(selector).bind(type,data,function) 参数列表: 参数 描述 type 定义绑定到匹配元素中的事件类型. 如果有多个事件使用空格分隔. data 可选.传递给事件对象的额外数据对象. function
-
jQuery中on()方法用法实例
本文实例讲述了jQuery中on()方法用法.分享给大家供大家参考.具体分析如下: 此方法可以在匹配元素上绑定一个或者多个事件处理函数. 使用off()方法可以删除on()方法绑定的事件. 语法结构一: 复制代码 代码如下: $(selector).on(events,[selector],[data],fn) 参数列表: 参数 描述 events 一个或多个用空格分隔的事件类型和可选的命名空间. selector 可选.一个选择器字符串,用以过滤选定的元素,该选择器的后裔元素将调用处理程序.
-
jQuery中delegate()方法用法实例
本文实例讲述了jQuery中delegate()方法用法.分享给大家供大家参考.具体分析如下: 此方法为匹配元素的子元素添加一个或多个事件,并规定当这些事件发生时运行的函数. 语法结构: 复制代码 代码如下: $(selector).delegate(childofselector,type,data,function) 参数列表: 参数 描述 childofselector 定义要附加事件处理程序的一个或多个子元素. type 可选.定义附加到元素的一个或多个事件类型.由空格分隔多个事件值.
-
jQuery中live()方法用法实例
本文实例讲述了jQuery中live()方法用法.分享给大家供大家参考.具体分析如下: 此方法为匹配元素添加一个或多个事件,并规定当这些事件发生时运行的函数. 特别说明:jQuery1.9已经删除此方法. 语法结构: 复制代码 代码如下: $(selector).live(type,data,function) 参数列表: 参数 描述 type 定义附加到元素的一个或多个事件类型.由空格分隔多个事件值. data 可选.定义传递到事件处理函数的额外数据. function 定义当事件发生时运行的
-
jQuery中trigger()方法用法实例
本文实例讲述了jQuery中trigger()方法用法.分享给大家供大家参考.具体分析如下: 此方法触发匹配元素指定类型的事件. 语法结构一: 规定匹配元素被触发的事件类型. 复制代码 代码如下: $(selector).trigger(event,param1,param2,...) 参数列表: 参数 描述 event 规定指定元素要触发的事件. 可以是自定义事件(使用 bind() 函数来附加),或者任何标准事件. param 可选.传递到事件处理程序的额外参数. 额外的参数对自定义事件特别
随机推荐
- remote script文档(转载自微软)(八)
- 简要了解jQuery移动web开发的响应式布局设计
- perl 调试命令的相关知识小结
- js实现类似光照的炫彩文字渐变视觉冲击效果
- 详解如何将angular-ui的图片轮播组件封装成一个指令
- Hadoop2.X/YARN环境搭建--CentOS7.0 JDK配置
- Bootstrap 手风琴菜单的实现代码
- JS实现从顶部下拉显示的带动画QQ客服特效代码
- 不同浏览器javascript变量作用域的处理方法
- asp.net String.format中大括号的加入方法
- PHP如何实现Unicode和Utf-8编码相互转换
- node+express+jade制作简单网站指南
- 在同一台机器上运行多个 MySQL 服务
- Android实现TextView两端对齐的方法
- Windows系统下使用Sublime搭建nodejs环境
- jquery.flot.js简单绘制折线图用法示例
- jqTransform美化表单
- JavaScript实现的双向跨域插件分享
- jquery操作下拉列表、文本框、复选框、单选框集合(收藏)
- js return返回多个值,通过对象的属性访问方法