jquery点击事件显示隐藏 jq点击按钮显示和隐藏

jquery怎么实现点击一个按钮控制一个div的显示和隐藏

可以设置CSS，也可以使用toggle()方法；我还是喜欢有图有真相的方式，表达更明了。

function(e) {//点击事件 $(.abc).toggle()；//div元素如果是隐藏就会显示，反之显示就会隐藏 })；})；/script注：jquery的toggle() 方法的作用就是当对象是显示的就隐藏，当是隐藏的则显示。

(button).click(function(){ (div).toggle( 100)；})；参考链接：http：// 定义和用法 toggle() 方法切换元素的可见状态。

基本思想是：触发div的hide()和show()函数。

//简单来说就是通过设置按钮的onclick事件来控制div的显示和隐藏。

相关问答

Q1: ...隐藏一部分内容,点击展开显示更多,这种效果jquery怎么做?

1、Jquery使用内置的show和hide方法就可以实现，具体的操作步骤首先需要打开hbuilder编辑器，新建一个a标签和一段隐藏的div，设置好它们的id属性，并设置一些简单的样式：然后引入Jquery的库文件，编写代码。

2、JQ中显隐有以下几种方式 show()，hide()，toggle()，slideDown()然后还有css设置div的style属性都可操作show()方法 显示出隐藏的 元素。

3、一种就是控制大框架的高度，超出隐藏，然后Js是控制点击显示的时候高度自适应，点击隐藏的时候高度为设置的高度。

4、新建HTML文件。引入jquery.min.js文件。创建HTML内容。预览效果如图。用jquery创建点击事件，点击隐藏按钮，p内容隐藏。用jquery创建点击事件，点击显示按钮，p内容显示。

5、href=到另一个页面的链接更多。第二种 是把所有的内容都在代码中排出来。但是只有一部分是 能显示的剩余的是隐藏。

6、这里使用jquery实现展开、隐藏特效，点击列表标题后该项内容展开，其它项收缩起来，也就是不显示了。个人喜好了，有的喜欢在默认状态下不显示其它选项的内容，这个就是这种情况，仅供参考吧。

Q2: 用jquery怎么实现点击显示,再一次点击隐藏

1、用jquery实现点击显示，再一次点击隐藏的方法是使用toggle方法。说明：toggle() 方法切换元素的可见状态。如果被选元素可见，则隐藏这些元素，如果被选元素隐藏，则显示这些元素。

2、新建HTML文件。引入jquery.min.js文件。创建HTML内容。预览效果如图。用jquery创建点击事件，点击隐藏按钮，p内容隐藏。用jquery创建点击事件，点击显示按钮，p内容显示。

3、jquery怎么实现点击显示 使用开关函数。toggle(). w3c的例子 ！DOCTYPE html (document).ready(function(){ (button).click(function(){ (p).toggle()；})；})； 切换 这是一个段落。

4、toggle() 的作用就是当对象是显示的就隐藏，当是隐藏的则显示。

5、(document).ready(function(e){$(.but).click(function(e){$(.abc).toggle()；})；})；toggle()的作用就是当对象是显示的就隐藏，当是隐藏的则显示。

Q3: 如何通过jquery隐藏和显示元素

1、Jquery使用内置的show和hide方法就可以实现，具体的操作步骤首先需要打开hbuilder编辑器，新建一个a标签和一段隐藏的div，设置好它们的id属性，并设置一些简单的样式：然后引入Jquery的库文件，编写代码。

2、通过 jQuery，您可以使用 toggle() 方法来切换 hide() 和 show() 方法。

3、新建HTML文件。引入jquery.min.js文件。创建HTML内容。用jquery创建点击事件，点击隐藏按钮，p内容隐藏 用jquery创建点击事件，点击显示按钮，p内容显示。预览如图当点击隐藏按钮，p内容隐藏。

Q4: jQuery里面隐藏和显示效果怎么写?

1、在电脑上面打开软件，新建一个html和引入jquery.js。在新建的html页面body里面添加一个id为hide的隐藏按钮和id为show的显示按钮以及一段文字。

2、JQ中显隐有以下几种方式 show()，hide()，toggle()，slideDown()然后还有css设置div的style属性都可操作show()方法 显示出隐藏的 元素。

3、新建HTML文件。引入jquery.min.js文件。创建HTML内容。预览效果如图。用jquery创建点击事件，点击隐藏按钮，p内容隐藏。用jquery创建点击事件，点击显示按钮，p内容显示。

4、可以使用Jquery提供的show和hide来完成带缓动的显示和隐藏效果，由于两个方法相似，可以直接使用toggle来完成。

jquery点击事件显示隐藏的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于jq点击按钮显示和隐藏、jquery点击事件显示隐藏的信息别忘了在本站进行查找喔。