JQuery中来阻止元素的默认行为的函数：preventDefault()

       网页中的元素都有自己默认的行为，例如：点击超链接后会跳转，点击“submit”会提交表单。但是提交表单时，需要阻止默认行为，因为如果表单中必填选项为空还能正常提交，这就和我们的意愿相悖。因此，我们需要有一个东西出来阻止它。

       在JQuery中，提供了preventDefault()方法，这个方法可以阻断元素的默认行为。接下来我们以一个简单的表单提交来掌握这个方法的功能。

       JQuery代码：

$(function () {
    $("#sub").bind("click",function (event) {
        var username = $("#username").val();
        if(username ==""){
            $("#msg").html("<p>文本框的值不能为空</p>");        //提示信息
            event.preventDefault();
        }
    });
})

HTML代码：

<form action="#">
    用户名：<input type="text" id="username"/>
    <input type="submit" value="提交" id="sub"/>
</form>
<div id="msg"></div>

执行结果图：

当文本框为空时，点击提交按钮，会有提示，告知不能为空，此时已经阻断。

注：代码是学习《锋利的JQuery》。。。