热点:

    jQuery中show()与hide()方法作用解析

      [   原创  ]   作者:
    收藏文章 暂无评论

    在jQuery中,show()方法用于显示元素,使其可见;hide()方法则用于隐藏元素,使其不可见。下面通过实例进行说明。

    1、 创建一个名为test.html的文件,通过实例演示jQuery中show()与hide()方法的功能及使用方式。

    2、 在test.html中,利用div标签创建一个模块,为其设置class属性为testdiv,便于后续通过该类名获取对应的div元素对象,实现相关操作与控制。

    3、 在test.html中,通过CSS为div设置样式,将其宽度和高度均设为150像素,并将背景颜色设为红色,以达到清晰的视觉效果。

    4、 在test.html文件中,利用button标签创建两个按钮,分别命名为隐藏div和显示div。为这两个按钮添加onclick点击事件,当用户点击时,触发对应的函数:点击隐藏div执行hidediv()函数,点击显示div则执行displaydiv()函数,实现对div元素的显隐控制。

    5、 在js标签中定义hidediv函数,通过class属性值testdiv获取对应的div元素,并调用hide方法将其隐藏。

    6、 在js标签中定义displaydiv函数,通过class名为testdiv获取对应的div元素,并调用show方法将其显示在页面上。

    7、 用浏览器打开test.html文件,即可查看实际效果。

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

    soft.zol.com.cn true https://soft.zol.com.cn/1190/11901810.html report 975 在jQuery中,show()方法用于显示元素,使其可见;hide()方法则用于隐藏元素,使其不可见。下面通过实例进行说明。 1、 创建一个名为test.html的文件,通过实例演示jQuery中show()与hide()方法的功能及使用方式。 2、 在test.html中,利用div标签创建一个模块,为其设置...
    不喜欢(0) 点个赞(0)
    随时随地资讯查报价 就上ZOL手机客户端,点击或扫描二维码下载
    立即下载

    Hide Folders XP

    更新时间:2018年08月27日

    用户评分:0 | 0人点评

    软件类型:免费软件

    软件语言:英文

    Hide Folders XP
    • 更新时间:2018年08月27日
    • 软件大小:1.3MB
    • 软件分类:系统安全
    • 语言种类:英文
    • 软件评级:0 人点评