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 阻止默认行为的主要内容,如果未能解决你的问题,请参考以下文章

JS阻止事件冒泡与浏览器默认行为

阻止默认行为-event.preventDefault();

jQuery中preventDefault()stopPropagation()return false 之间的区别

阻止默认行为 阻止冒泡

JS——事件详情(默认行为阻止默认行为的用法:return false等)

阻止事件冒泡和阻止默认行为