selected 或者 disabled 使用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()的区别
温馨提示: 本文由Jm博客推荐，转载请保留链接: https://www.jmwww.net/file/web/31044.html
![[转]Node.js中package.json中^和~的区别](/uploads/allimg/200519/054J34453_lit.png "[转]Node.js中package.json中^和~的区别")