使用attr方法
卡！很多时候要在网页制作中展示图片，别怕，我们的 jQuery 能帮你。玩点儿有趣的SRC属性变化，让你的网站更有气氛。诀窍就在 attr这个强大的工具上！用attr设置HTMLElement属性简直易如反掌，想要改变img标签的SRC属性的话？那绝对是无比方便，用attr来实现就对了！
javascript 换个图片，把这句代码改成"image.jpg"。
$("img").attr("src", "image.jpg")
这段代码就是让你告诉它你要替换哪些图片链接，然后就会把每个链接里的“src”换成“image.jpg”，这样以后你发的图片就变得很高大上！想换图片的话，只要找到合适的属性就行，比如…
简单来说，就是把所有最后是.thumbnail的文件名字改为.jpg就行。
这位哥们竟然吧所有叫”thumbnail”的图换成了叫”image”的格式，还真是牛~改个网站元素，小菜一碟！
使用prop方法
$("img.thumbnail").attr("src", "image.jpg")
记住，我们兄弟俩attr和prop都挺厉害的！attr主攻HTML属性，而prop虽然更擅长处理布尔属性，但img的src属性也不在话下
把所有图片的”src”改成”image.jpg”~
这个小家伙可以帮你一次性把所有 img 标签的 src 都替换成”image.jpg”哟~当然，如果你只需要更改少数几个，那就放心大胆地去操作，其他的属性也都支持手动设置！比如这样子：
同样地，那啥…”大图”的相片地址全都换成新地址尤其要特别注意的是那个“image.jpg”。
简单来说这段程序就可以找出所有带“大”字儿的图片标签，再把它们的来源改成”image.jpg”了。这招儿能轻轻松松操纵布尔型属性，快如闪电！
$("img").prop("src", "image.jpg")
直接赋值方式
jQuery里的那两个attr和prop方法并不是必选！实际上，在JS里直接操作DOM也是相当简单滴。像是给img标签换个SRC属性这样的小事儿，真是小菜一碟呐！下面就请看我具体怎么操作吧：
把第一张图片的网址改成”image.jpg”。
$("img.thumbnail").prop("src", "image.jpg")
这啥东西？其实就借着jQuery找了第一张图里的标签，然后用JavaScript把那个src属性给换成了”image.jpg”。其实，这种用法跟我以前学的jQuery有些出入！
总结
看完这段话，是不是感觉懂得怎么随意调节图片src？attr()跟prop()绝对是个好帮手，而且操作起HTML元素属性简直就像在玩耍那么轻松。不过，要是你觉得直接设置属性也挺顺手的话，也是没问题的，虽然稍微累点就是呵呵~没错，我们可是讲究 jQuery 的”少即是多”原则滴~
说起设计，最简单的方法就是调换图片来源。不管是使用attr或者props，又或是直接给上数值，我们追求的就是方便易懂的代码
$("img")[0].src = "image.jpg"
评论0