jquery点击其他地方隐藏div,点击其他地方隐藏
本教程运行环境:windows10系统,jquery3.2.1版本3.2.1,Dell G3电脑。
jquery怎样点击任何地方隐藏div
在jquery中,可以使用hide()方法和click()方法实现点击任意位置隐藏div的效果。
Click()方法当单击一个元素时,将发生click事件。当鼠标指针停留在元素上,然后按下并释放鼠标左键时,就会发生单击。click()方法触发click事件,或者指定click事件发生时要运行的函数。
例子如下:
超文本标记语言
头
script type= text/JavaScript src=/jquery/jquery . js /script
脚本类型=文本/javascript
$(文档)。ready(function(){
$(body )。单击(函数(){
$(div )。hide();
});
});
/脚本
style type=text/css
部门{
宽度:200px
高度:200px
背景色:红色;
}
/风格
/头
身体
分区/分区
/body
/html输出结果:
相关视频教程推荐:jquery视频教程以上是jQuery如何点击任意位置隐藏div的细节。更多请关注我们的其他相关文章!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。