jquery如何实现点击隐藏元素


今天小编给大家分享一下jquery如何实现点击隐藏元素的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。 实现步骤:1、利用click()函数给按钮元素绑定点击事件,并设置事件处理函数,语法“$(“button”).click(function() {//点击事件发生后,执行的代码});”;2、在事件处理函数中,使用hide()函数隐藏指定元素即可,语法“$(selector).hide(speed,callback)”。在jquery中,可以利用click()和hide()方法来实现点击隐藏元素。实现步骤:步骤1:利用click()函数给按钮元素绑定点击事件,并设置事件处理函数

$("button").click(function(){
	//点击事件发生后,执行的代码
});

在事件处理函数中,写入的代码就是点击后实现的效果代码步骤2:在事件处理函数中,使用hide()函数隐藏指定元素

$(selector).hide(speed,callback)

示例代码:

html>


	
		
需要隐藏的div元素
需要隐藏的span元素

p元素

p元素说明:click()方法用于绑定点击事件,设置事件处理函数当单击元素时,发生 click 事件。click() 方法触发 click 事件,或规定当发生 click 事件时运行的函数。语法:

//触发被选元素的click事件:
$(selector).click()

//添加函数到click事件:
$(selector).click(function)

hide()方法用于隐藏指定元素语法

$(selector).hide(speed,easing,callback)

可能的值:毫秒”slow””fast”可能的值:”swing” – 在开头/结尾移动慢,在中间移动快”linear” – 匀速移动注释:隐藏的元素不会被完全显示(不再影响页面的布局)。提示:如需显示隐藏的元素,请查看 show() 方法。以上就是“jquery如何实现点击隐藏元素”这篇文免费云主机域名章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注百云主机行业资讯频道。

相关推荐: 微信小程序常用的API有哪些

本文小编为大家详细介绍“微信小程序常用的API有哪些”,内容详细,步骤清晰,细节处理妥当,希望这篇“微信小程序常用的API有哪些”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。参数 1)success接口调用成功的回调函数 2)fai…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 02/27 19:33
下一篇 02/27 19:33

相关推荐