1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > html点击隐藏divjq jquery点击a标签怎么显示和隐藏div?详解

html点击隐藏divjq jquery点击a标签怎么显示和隐藏div?详解

时间:2019-04-11 04:10:43

相关推荐

html点击隐藏divjq jquery点击a标签怎么显示和隐藏div?详解

你知道jquery点击a标签要如何才能够显示以及隐藏div吗?下面的文章要给大家讲解的就是这个方面的内容哦,一起来看看吧。

1、新建一个html文件,命名test.html,用来讲解jquery点击a标签怎么显示和隐藏div。

2、在test.html文件当中,使用div标签创建一个模块,并且,设置div的class属性为aa。

主要用于通过这个class来设置css样式和获得div对象。

3、在test.html文件当中,使用css通过类名aa来设置div的样式 ,定义宽度、高度为150px,背景颜色为红色。

4、在test.html文件当中,在p标签内,使用a标签创建两个a链接,分别为“隐藏”、“显示”,与此同时,给两个a标签绑定onclick点击事件,在a标签被点击的时候,分别执行ahide()函数和ashow()函数。

5、在js标签当中,创建ahide()函数,在函数当中,通过类名aa获得div对象,使用hide()方法将div隐藏不显示。

6、在js标签当中,创建ashow()函数,在函数当中,通过类名aa获得div对象,使用show()方法将隐藏的div显示出来。

以上的内容你都清楚了吗?更多相关知识,以及java编程常见问题,可以继续通过奇Q工具网来进行了解呢。

推荐阅读:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。