jQuery中的prop与attr方法联系-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_43241999/article/details/102538073

jQuery中的prop与attr方法联系

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>attr和prop方法联系</title>
<script src="jQuery-1.12.4.js"></script>
<script>
    $(function () {
        //编写jQuery相关代码
        //1.给按钮添加点击事件
        var btn = document.getElementsByTagName("button")[0];
        var btn = document.getelement
        btn.onclick = function () {
            //2.获取输入框输入的内容
            var input = document.getElementsByTagName("input")[0];
            var text = input.value;
            //3.修改img的src属性节点的值
            $("img").attr("src",text)||$("img").prop("src",text);
            //两种方法任选其一,但是attr方法返回值不是false,推荐使用attr
            // prop方法不仅能够操作属性,他还能操作属性节点.
            // 官方推荐在操作属性节点时,具有true和false两个属性的属性节点,如checked,selected或者disable使用prop()
            // 其他使用attr()



        }

    })
</script>
</head>
<body>
<input type="text">
<button>切换图片</button>
<br>
<img src="https://www.baidu.com/img/bd_logo1.png">
</body>
</html>