上网速度真快，图片也火了起来。不管是浏览网页、刷微博还是逛电商，满眼都是图片。今天就跟大家聊聊，如何用jQuery搞定图片，不论是普通显示还是酷炫效果，绝对让你感受到jQuery的迷人魔力！
下载并引入jQuery
想让图片更酷炫？快装上jQuery这个神奇工具，添加到你的项目里。别怕，官网上有最新版等着你下载。接下来，在HTML文件中加入jQuery文件就行了。这样，你就可以随心所欲地用jQuery玩转各种效果。搞定后，别忘了试试看，让你的图片炫酷起来！
添加图片并设置ID
嘿~别忘了给HTML里的图片取个”名儿”哟~有了这名字，用jQuery找它就跟玩似的，还能随意调动它的位置，让你的网页更炫酷！
修改图片显示
快来学习jQuery的show()魔法！这玩意儿简直太神奇！用了它，想怎么换图片显示方法就怎么换，让网页炫酷到飞起。关键是简单好学，肯定能让你爱不释手。接下来咱们来说说，咋样利用show()技能做出惊艳的图展效果~
$('#photo').show();
常用的show()方法
别着急，只要给show()加点儿东西，瞬间就不一样了。赶紧来瞧瞧这几种神奇的show()用法与效果：
搞定！点击show()就能看见图片~之前藏起来的图现在亮相就在眼前？那就赶紧看看，其他的啥也别想！
试试看，加个参数放在show()后面，调整一下效果。比如，图像如果能动起来的话会更炫酷，像自由飞翔或瞬间闪现，就看你怎么玩。改完之后，整个界面立马就变得好玩多了！
$('#photo').show('slow');
$('#photo').show('fast');
我们可以给图片加点儿不一样的玩法哦：只需要加上一个回调函数，再用show()方法观展即可。这样，边看图片的时候，还能顺手搞定一些小任务。比如，图片加载完毕时，一些小动作或事件会自动触发，让你的使用更加流畅！
只要用上show()功能，随心所欲更换图片展示，让网页看起来更炫酷吸引人，互动效果也更丰富！
深入了解show()方法
跟哥们儿分享下这个牛逼的show()方法？你只要把想看的物体加上这个，立马就能出现了！这招不仅能控制动画速度，还能变化多姿，挺好玩的。再说，如果你想让动画过去后再做点儿别的事儿，就把回调函数传给show()。这么神器的招式，处理图片展示问题超级简单，以后再也不担心这类问题了！
$(selector).show(speed, callback)
修改图片hide
快来看！我们jQuery不光有好看的图片，还有个神奇的hide()功能，能让页面里的东西瞬间消失~想知道怎么用吗？超简单，就是盖住元素不让别人看见。比如，有些图片你不想让人看到，就用这个方法藏起来~这样不仅好看还实用，给大家带来更棒的浏览体验。下面我来教你们怎么用hide()方法，还有它的参数和回调函数，帮你们更熟练地玩转jQuery处理图片的技巧。
$('#photo').show(1000); // 以1秒速度显示图片
$('#photo').show('slow'); // 以慢速显示图片，相当于400ms
$('#photo').show('fast'); // 以快速显示图片，相当于200ms
$('#photo').show('medium'); // 以中等速度显示图片，相当于600ms
$('#photo').show('veryfast'); // 以极快速度显示图片，相当于50ms
常用的hide()方法
Hide()就是简单版的Show()，不过有些小差别。多加些参数，就可以玩转各种躲藏方法下面我来简单说说如何使用Hide()~比如这样：
$('#photo').show('slow', function() {
console.log('图片已经显示');
});
-小贴士：只需用hide()这个函数，你的图片瞬间就能隐藏起来！就像变魔术一样有趣。之前已经隐藏好的不用担心，要展示时还能出现。如果本来就是隐藏状态，那它就直接消失啦～
拍照片也能玩出花样来哦：学点hide()的小窍门，给参数加点料，画面瞬间消失，炫酷得让人眼前一亮！再调整一下速度和特效，整个网页看起来就更流畅。
懂么，回调就是用来搞点花样的东西，像选框呀、文本框这些form控件都能用得上。这样我们就可以在原有的功能之外再加上一些好玩的操作。比方说，点击一个选项时，页面里头可能会弹出来一段提示信息。或者你在输入框敲下几个字，可能还会弹出一些跟你打的内容有关的图片或者链接。这些看似不经意的小玩意儿，其实挺有意思的，让网页看起来更生动，玩得更开心！
快来试试这些图片隐形技巧，让网页设计更加有趣！会给你满满的意外惊喜~
$('#photo').hide();
总结与展望
轻松搞定jQuery处理图片~只要明白show()和hide()就没问题。放心大胆地去试，知道什么时候该出现，什么时候该消失。你这么聪明，网上的图片还不是随便玩儿吗？大家看到肯定会更喜欢！而且，网络只会变得更好，图片也会越来越重要。别急，以后肯定有一堆基于jQuery的图片技巧等着你，让互联网更加炫酷多彩！
评论0