jQuery中attr()和prop()的区别

Posted xdsuannai

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jQuery中attr()和prop()的区别相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>18-attr和prop方法练习</title>
    <script src="js/jquery-1.12.4.js"></script>
    <script>
        $(function () {
            var btn = document.getElementsByTagName("button")[0];
            btn.onclick = function () {
                var input = document.getElementsByTagName("input")[0];
                var text = input.value;
                $("img").attr("src", text);
                // $("images").prop("src", text);
            }
        });
    </script>
</head>
<body>
<input type="text">
<button>切换图片</button><br>
<img src="https://www.baidu.com/img/bd_logo1.png?where=super" alt="">
</body>
</html>

在input框中输入https://dss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=3280118583,682504340&fm=85&app=79&f=JPEG?w=121&h=75&s=5C05F616CD345C0156FCA97E03005073，

然后点击切换图片，效果如下：

技术图片技术图片

 

 

 两个方法都能实现一样的功能，但官方的建议是：具有 true 和 false 两个属性的属性，如 checked, selected 或者 disabled 使用prop()，其他的使用 attr()

以上是关于jQuery中attr()和prop()的区别的主要内容，如果未能解决你的问题，请参考以下文章

jQuery中prop() 和 attr()的区别

jQuery中attr和prop方法的区别

jQuery 中 attr() 和 prop() 方法的区别

关于jQuery表单选择中prop和attr的区别。

jquery中attr和prop的区别

jquery中attr和prop的区别