JQuery :attr （）及removeAttr（）的应用

白沙王

于 2023-06-13 17:44:55 发布

阅读量151

点赞数

文章标签： jquery javascript

本文链接：https://blog.csdn.net/weixin_50784508/article/details/131193398

版权

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="scripts/jquery-1.7.1.min.js"></script>
</head>
<body>
    <input id="btnShow" type="button" value="显示"  />
    <img src="images/idle.png" />
    <script>
        //操作属性
        //获取属性的值：只写第一个参数，属性的名字
        alert($('#btnShow').attr('value'));
        //设置属性的值：写两个参数，第一个表示属性的名字，第二个表示值
        $('#btnShow').attr('value', 'hello world');//修改按钮的值
        //prop表示html的原有属性，attr表示扩展属性
        //如：img的src操作使用prop，而href操作使用attr
        //一般使用attr因为各种情况都适用
        $('img').attr('src', 'images/mg.jpg');//修改图片
        //给按钮的值添加颜色属性及按钮的高度
        $('#btnShow').attr('style', 'color:red;height:200px');
        
        //移除指定属性属性
        $('#btnShow').removeAttr('value');
    </script>
</body>
</html>