JQuery属性控制

最新推荐文章于 2024-08-22 14:32:34 发布

weixin_33743248

最新推荐文章于 2024-08-22 14:32:34 发布

阅读量90

点赞数

文章标签： javascript ViewUI

原文链接：https://yq.aliyun.com/articles/665631

版权

JQuery元素属性控制有方法attr()、prop()、removeAttr()、removeProp()；

attr()可以控制元素的特定属性和自定义属性

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <script type="text/javascript" src="libs/jquery.min.js" ></script>
        <title>属性控制</title>
    </head>
    <body>
        <button id="btn">点击</button>
        <h1 id="h" my="梦影">属性控制</h1>
    </body>
    <script>
        $(function(){
            $("#btn").click(function(){
                //获取属性值
                var first=$("#h").attr("my");
                //修改属性
                $("#h").attr("my","我是自定义属性哈哈哈");
                var second=$("#h").attr("my");
                alert(first+"===="+second);
            });
        });
    </script>
</html>

attr()方法效果

prop()只能控制元素的特有属性

<script>
    $(function(){
        $("#btn").click(function(){
            //获取自定义属性
            alert($("#h").prop("my"));
            //获取特有属性
            alert($("#h").prop("id"));
        });
    });
</script>

prop()方法效果

removeAttr()清除元素属性（将整个属性都删除）

removeProp()只能清除元素的特有属性（并不是将属性删除而是将属性的值给清空）

weixin_33743248

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JQuery属性控制

JQuery元素属性控制有方法attr()、prop()、removeAttr()、removeProp()；attr()可以控制元素的特定属性和自定义属性<!DOCTYPE html><html> <head> <meta charse...
复制链接

扫一扫