jquery点击其他部分隐藏，jquery点击其他地方隐藏div

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

jequery在点击一个按钮时使用jquery隐藏一个元素是jQuery提供了toggle()函数用于切换显示和隐藏：显示被隐藏的元素，隐藏已显示的元素，示例代码。

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

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

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

/scripttoggle() 的作用就是当对象是显示的就隐藏，当是隐藏的则显示。

相关问答

Q1: jQuery实现多个li点击切换和显示隐藏

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

新建一个html文件，命名为test.html，在test.html文件内，使用ul标签、li标签创建一个列表，用于测试。在test.html文件内，给ul标签设置一个id属性，用于获得ul对象。在test.html文件内，创建一个button按钮，给button绑定onclick点击事件，当按钮被点击时，执行addBorder()函数。

script$(ul li：gt(2)).hide()；$(ul).hover(function(){$(ul li).show()；}，function(){$(ul li：gt(2)).hide()；})；/script这位网友你好，你可以这样写。

jquery实现点击页面其他地方隐藏指定元素：在很多效果中，都有这样的功能，当点击页面的其他地方时，能够隐藏一个指定的元素，例如在模拟实现的select下拉菜单效果中，当下拉菜单出现的时候，我们往往希望当点击页面其他地方的时候，能够隐藏下拉条，下面就通过一个实例单独介绍一下如何实现此功能。

并设置一些简单的样式：然后引入Jquery的库文件，编写代码。

Q2: 有多个兄弟级div,如何用jquery实现只让当前点击的DIV内容显示,其它DIV的...

1、) 假设所有的这些要显隐的div都具有class“area”；2) 给所有a标签所在的外层table绑定事件而不是给所有的a标签都绑定事件。

2、首先，jquery显示隐藏div是用的show()、hide()方法。

3、/script /head body div id=myDivh2通过 AJAX 改变文本/h2/div button id=b01 type=button改变内容/button /body /html 或许你更需要了解一下AJAX(局部刷新)1。创建XMLHttpRequest核心对象 2。发送请求到服务器 3。

4、并设置一些简单的样式：然后引入Jquery的库文件，编写代码。

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

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

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

jquery提供了一个方法toggle()试一下这个，第一个选择器是开关按钮，第二个选择器是需要隐藏显示的元素。

.show()；flag = false；}selse{ (this).hide()；}；})；})；1：上述代码主要逻辑是定义一个真假值。（boolean类型值就行）；如果flag为真，那么就执行if语句中的代码逻辑，元素显示，执行完之后再把flag赋值为假。这样下次点击的时候flag值为假，那么元素就执行else语句中的代码逻辑，元素就隐藏。

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

Q4: jQuery4个点击事件,点击任意一个显示的同时,其他3个是隐藏状态

并设置一些简单的样式：然后引入Jquery的库文件，编写代码。

none)？block：(divIdstyle.display==block？none：block)；divIdstyle.display=(divIdstyle.display==none)？block：(divIdstyle.display==block？none：block)；} 这样就能实现两个的显示隐藏了。如果是多个联动，你再想想还有没有更巧妙的构造方式。

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

jquery 失去焦点隐藏菜单：本实例主要用到了一个切换显示与隐藏的事件 hover 与点击事件 click；以及is.(hidden)对某个元素状态的判断。

而且你在html里“社区住宅”赋予的类名都是lx1，要显示的话当然会全部显示了。

第一种方式：你使用的现有库中有没有开启和关闭遮罩的api，如果有的话，直接照着api使用即可；第二种方式：自己写个遮罩。

jquery点击其他部分隐藏的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于jquery点击其他地方隐藏div、jquery点击其他部分隐藏的信息别忘了在本站进行查找喔。