jquery开隐藏菜单，jquery 隐藏按钮

jquery实现鼠标点击下拉菜单以外的地方,菜单自动隐藏

1、给body绑click事件，隐藏菜单。给装菜单的容器处理click事件，阻止事件冒泡。

2、jQuery里有无数非常方便而且和各种浏览器都兼容的API可以用，这也是使用Javascript的Library的目的。

3、首先将菜单条隐藏，这种情况一般赋予其CSS属性：display：none； 来隐藏。然后通过jquery赋予它事件：点击或者鼠标移入。通过这个事件绑定由下向上滑动的 slideUp()。最后通过点击或者鼠标移出绑定由上向下滑动的 slideDown()。

4、鼠标移出DIV1，触发事件，事件中可以做一个延时（延时的方法很多，比如计时器，比如倒计时，比如一个指定事件的动画效果等），延时结束时隐藏DIV2即可。

相关问答

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

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

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

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

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

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

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

3、新建一个html文件，命名为test.html，在test.html文件内，使用ul标签、li标签创建一个列表，用于测试。在test.html文件内，给ul标签设置一个id属性，用于获得ul对象。

Q3: jQuery如何实现鼠标移入移出显示与隐藏二级菜单啊

1、首先将菜单条隐藏，这种情况一般赋予其CSS属性：display：none； 来隐藏。然后通过jquery赋予它事件：点击或者鼠标移入。通过这个事件绑定由下向上滑动的 slideUp()。最后通过点击或者鼠标移出绑定由上向下滑动的 slideDown()。

2、鼠标指向或者点击按钮出现菜单后，如果要单击页面任意位置让菜单隐藏。很简答可以直接用Jquery，给document对象加一个单击事件后，用jquery选择器定位到要隐藏的菜单上，修改css样式的display为none即可。

3、(li).hover(function(){ //你要显示的层，div放到li里面。

4、jq有自带的显示隐藏函数，不用自定义，可以使用fadeToggle()函数实现淡入淡出效果。

5、你需要考虑用一个容器把 导航和菜单包裹起来，然后在容器上添加鼠标事件。

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