jquery怎么设置鼠标点击div会隐藏div

WBOY
Freigeben: 2022-03-22 15:31:15
Original
1846 人浏览过

jquery设置鼠标点击div会隐藏div的方法:1、给div元素绑定click点击事件,并设置事件处理函数;2、在事件处理函数中,利用hide()方法设置div隐藏,语法为“div元素对象.hide()”。

jquery怎么设置鼠标点击div会隐藏div

本教程操作环境:windows10系统、jquery3.2.1版本、Dell G3电脑。

jquery怎么设置鼠标点击div会隐藏div

hide() 方法隐藏被选元素。

语法为:

$(selector).hide(speed,easing,callback)
Nach dem Login kopieren
  • speed 可选。规定隐藏效果的速度。

可能的值:

毫秒"slow""fast"

  • easing 可选。规定在动画的不同点上元素的速度。默认值为 "swing"。

可能的值:

"swing" - 在开头/结尾移动慢,在中间移动快"linear" - 匀速移动提示:扩展插件中提供更多可用的 easing 函数。

  • callback 可选。hide() 方法执行完之后,要执行的函数。

当单击元素时,发生 click 事件。

click() 方法触发 click 事件,或规定当发生 click 事件时运行的函数。

语法为:

触发被选元素的 click 事件:

$(selector).click()
Nach dem Login kopieren

添加函数到 click 事件:

$(selector).click(function)
Nach dem Login kopieren

示例如下:




123



Nach dem Login kopieren

输出结果:

+5.gif

相关视频教程推荐:jQuery视频教程

以上是jquery怎么设置鼠标点击div会隐藏div的详细内容。更多信息请关注PHP中文网其他相关文章!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!