中关村在线

软件

jQuery设置display属性方法

在jQuery中,获取元素后调用css()方法设置display属性。下面通过实例进行说明。

1、 创建一个名为test.html的文件,通过该文件演示如何使用jQuery设置元素的display属性。

2、 在test.html中,于p标签内插入img标签以显示图片,并将该p标签的id设为myimg,便于后续通过此id获取对应的元素对象。

3、 在test.html中,利用button标签添加一个按钮,按钮上显示文字设置display属性。

4、 在test.html中为按钮添加onclick事件,点击时触发并执行set函数。

5、 在js标签中定义set函数,通过代码修改p标签的display样式属性,实现显示或隐藏效果。

6、 在set()函数中,利用id(myimg)获取图片对象,通过css()方法修改p标签的display属性,比如将display设为none,即可实现隐藏p标签中的图片内容。

7、 用浏览器打开test.html,点击按钮即可查看实际效果。

8、 新建一个名为test.html的文件。

展开全文
人赞过该文
内容纠错

相关电商优惠

评论

更多评论
还没有人评论~ 快来抢沙发吧~

读过此文的还读过

点击加载更多

内容相关产品

说点什么吧~ 0

发评论,赚金豆

收藏 0 分享
首页查报价问答论坛下载手机笔记本游戏硬件数码影音家用电器办公打印 更多

更多频道

频道导航
辅助工具