使用jQuery操作HTML元素（2）

最新推荐文章于 2021-08-12 18:20:13 发布

我的1024

最新推荐文章于 2021-08-12 18:20:13 发布

阅读量155

点赞数

本文链接：https://blog.csdn.net/qq_40399835/article/details/84590526

版权

使用jquery获取和设置HTML元素的属性

var =jquery对象.attr(属性名)（作用：可以获取HTML的属性）

jquery对象.attr（属性名，属性值）（设置HTML元素的属性）

<html>
<head>
<script src="jquery.js"></script>
<script>
    $(document).ready(function(){
        $("a").attr("targer","_blank");
    });
</script>
</head>
<body>
<a href="http://www.sina.com.cn">新浪</a>
<a href="http://www.baidu.com.cn">百度</a>
</body>
</html>

“_blank”设置为在新窗口打开网页；

使用jquery删除HTML元素的属性

jquery对象。removeAttr（属性名）

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $("a").click(function(){
            $(this).next().removeAttr("disabled");
                           .focus()
                           .val("现在可以编辑了")
        });
    });
</script>
</head>
<body>
<button>启用</button>
<input type="text" disabled="disabled" value="现在不能编辑"/>
</body>
</html>