jquery添加删除html标签属性


区别jquery对象跟dom对象,首先做好好的编程习惯:

一般jquery对象前面加"$":var $sure = $("#sure");
dom对象直接编写:var sure = document.getElementById("sure").value。

jquery给html标签添加属性:$sub.attr("disabled","disabled");
jquery给html标签移除属性:$sub.removeAttr("disabled")。

实例:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>jQuery测试title>
        <script type="text/javascript" src="jquery-1.8.0.min.js">script>
        <script type="text/javascript">
            $(document).ready(function(){                var $sure = $("#sure");                var $sub = $("#sub");                var sure = document.getElementById("sure").value;
                $sure.click(function(){                    if(!$sure.is(":checked")){
                        $sub.attr("disabled","disabled");
                    }                    if($sure.is(":checked")){
                        $sub.removeAttr("disabled");
                    }
                })
            })        script>
    head>

    <body>
        <input type="checkbox" id="sure" />同意并接受注册协议        <input type="button" disabled="disabled" value="提交" id="sub" />
    body>html>

 

上一篇:[SSH] SSH Troubleshooting


下一篇:c# Visual Studio|There is no editor available for ***,make sure the application for the file type(.v