jquery 阻止默认行为
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery 阻止默认行为相关的知识,希望对你有一定的参考价值。
参考技术A 一、阻止事件的默认行为: e.preventDefault()eg:
function jqFun() //点击的时候a的class含有‘cur’时候阻止默认行为
$(‘.nav a’).on(‘click’,function(e)
if($(this).hasClass(‘cur))
e.preventDefault();
)
return false 等效于同时调用e.preventDefault()和e.stopPropagation() 。(即return false 除了阻止事件的默认行为之外 还会阻止事件冒泡)
二、query 中 length 和size异同点
size() 方法返回被jquery选择器匹配的元素的数量。 $(selector).size()
length 属性包含query对象中的数目 $(selector).length
size()是方法,length是属性
如果只是获取元素的个数,两者的效果一样,但是如果获取的是字符串的长度就只能用length
size()在1.8版本以后被length取代了,因为length不需要返回一个函数调用,更加优秀。
三、运动的判断与停止 stop() :animated
stop() 停止当前正在运行的动作
:animated 表示当前运动的状态
用$(:animated) 获取当前所有动画的元素
is(“:animated”) 判断是否在运动 $(‘bbb’).is(“:animated”) 返回true or false
if( !$(‘bbb’).is(“:animated”)) //bbb元素在不运动的情况下执行...操作
//do something
动画函数 animate 函数
animate 方法执行css属性集的自定义动画的方法
语法如下:
$( selector ).animate( styles , speed , easing , callback )
styles 参数为必选
speed , easing , callback 可选
jQuery阻止默认行为
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <title>阻止默认行为</title> <script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ var $btn = $("#btn"); $btn.bind(‘click‘,function(e){ var username = $("#username").val();//获取元素的值 if(username == ‘‘){//判断是否为空 $("#show").html(‘<p>用户名不能为空</p>‘);//提示信息 e.preventDefault();//阻止默认行为(表单提交) } }) }) </script> </head> <body> <form action="test.html"> 用户名:<input type="text" id="username" /> <input type="submit" value="提交" id="btn" /> </form> <div id="show"></div> </body> </html>
以上是关于jquery 阻止默认行为的主要内容,如果未能解决你的问题,请参考以下文章
阻止默认行为-event.preventDefault();
jQuery中preventDefault()stopPropagation()return false 之间的区别