网页制作的时候，总是会突然想藏起某些东西或是展示其他内容，这其实就是隐藏/展示元素的本领了。但是有时候，头儿让你删除整段文字，这时候，你就需要些特殊技能和利器！那当然非我们超牛的jQuery莫属！此神器可以帮你轻松解决复杂问题，用JavaScript速度快又高效。别急，跟我来看看怎样用jQuery轻松实现这个需求！
一、了解.hide()方法
听说过 jQuery 吗？它里面的’.hide()’可是个基本的元素藏匿法宝！不论是单个还是多个元素都能瞬间隐身！操作起来也超简单，找到想隐藏的元素并给到它就OK了！比如，如果你有个id叫”myelement”的东西，那就用下面这段代码让它消失吧：
javascript
$("#myelement").hide();
想遮住“myelement”？很简单，直接把它藏起来也就是让它消失！要用到它的话再用神奇的`.show()`魔法给它变回来就好~
$(“#myelement”).show();
别忘了！就算hide()和show()可以单独隐藏或显示单个元素，也没法一下子把所有文字都消失~
二、使用CSS class进行隐藏
你知道吗？除了lock.hide()那种方法，我们也能用CSS来快速隐藏整段文字哟。只需要加一个叫“hide”的类名再写上display: none;这行代码就成，超简单？你看，下面就是一个示例：
“`css
.hide {
display: none;
}
就是把你要藏起来的那个东东换成新的类名“hide”，整件事就搞定了！
给”.myparagraph”加上个”hide”类。
这招挺简单，但也有小缺点。首先，这儿只能放东西，展示不了啥；然后，要塞好几句话就得一直设置class属性，有些麻烦呐。
三、使用.slideToggle()方法
你们知道jQuery里有个叫做slideToggle()的神器吗？它不仅能让我们迅速搞定大片区域的隐藏和显示，更重要的的是，还能带给我们炫酷的动画效果，使网页变得更有趣！而且使用方法超级简单明了，让我来给大伙儿展示下：
快来试试这个“守备队”（#myparagraph），只需轻轻一点，瞬间就可以消失不见~
用了这个slideToggle()功能，网页瞬间美多了，连讨厌的CSS设计都不用管！
四、使用.fadeToggle()方法
其实在jQuery里面就有这么一个淡入淡出切换效果叫做”.fadeToggle()”，你可以用这个功能来管理文章内容的出现和消失。操作起来特别简单：
点个”我的段落”，它会慢慢地显现出来或消失。
知道吗？’.fadeToggle()’居然还能用到特效！想让好多段字同时消失？给它们都划上同一个class标签就好了呗，简单到爆！
五、总结
看这儿，这招教你如何轻松隐藏网页里的所有文字！不论是利用CSS类（css class）的技巧，还是slideToggle()和 fadeToggle()这阴阳切换的魔法，总能找到你喜欢的那款。如果你想同时隐藏多段文字咋办，只需将其设为同一个class并使用.slideToggle()或.fadeToggle()，就这么轻松愉快！是不是很简单呀？具体用啥方法还要看你的需要和喜好了！
哦对了，说到提高网页效果，还有这么几个简单粗暴又好使的招儿！比如，给网页添个萌萌哒小动画，瞬间就让页面生龙活虎了呢；用回调函数来控制元素隐藏或出现的节奏，不仅高大上而且炫酷无比；当然，千万别忽略掉那个提升程序运行速度的神奇利器——事件委托！
试试jQuery API，简单易上手，极大提高你我的编程技巧和做出高品质作品！怎么玩看心情，关键是要让用户爽、效率高~
，告诉你个好玩的，用 jQuery 就能轻松地把东西藏起来！
评论0