jQuery是一种广泛应用的Javascript库，它提供了许多函数和方法来简化HTML文档操作、事件处理、动画效果、AJAX等复杂任务。在网页开发中，经常需要根据用户操作，在页面中显示或隐藏某些元素。下面将以图片的显示和隐藏为例，讲解如何使用jQuery实现。

首先，在HTML文件中，需要在合适的位置插入一张图片，如下：

<div id="img-container">
<img src="picture.jpg">
</div>

使用jQuery库，需要在HTML文件中引入jQuery库的JS文件，如下：

<script src="jquery.js"></script>

接下来，使用jQuery代码来实现图片的显示和隐藏效果。方法是选中图片所在的元素，通过JavaScript控制CSS样式来控制显示或隐藏图片。代码如下所示：

$(document).ready(function(){
$("#img-container").click(function(){
$("img").toggle();
});
});

运行上述代码后，点击图片所处的div框，图片将显示或隐藏。上述代码中，document.ready()函数是指在文档加载完毕后，执行函数内部的代码。$()函数是jQuery库的核心函数，可以接受CSS选择器或DOM元素、文档等作为参数，返回选中的元素，实现对元素的操作。click()函数是指选中元素的点击事件，函数内部代码在元素被点击时执行。toggle()函数是指切换元素的可见与不可见状态。因此，上述代码实现了点击图片所在元素，切换图片的可见与不可见状态的效果。

总结来说，使用jQuery库实现图片的显示和隐藏效果，需要在HTML文件中引入jQuery库JS文件，选择图片所处的元素，控制CSS样式，实现开关的点击交互效果。在实际开发中，可以根据实际需要，调整代码实现更多复杂的交互效果。