关于jQuery 效果 – 隐藏和显示的相关知识

隐藏、显示、切换,滑动,淡入淡出,以及动画,均可以通过jquery来实现,本篇讲讲jquery的相关操作。

jQuery hide() 和 show()

通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素:

$("#hide").click(function(){  $("p").hide();});$("#show").click(function(){  $("p").show();});

登录后复制

语法:

$(selector).hide(speed,callback);$(selector).show(speed,callback);

登录后复制

可选的 speed 参数规定隐藏/显示的速度,可以取以下值:”slow”、”fast” 或毫秒。

可选的 callback 参数是隐藏或显示完成后所执行的函数名称。

下面的例子演示了带有 speed 参数的 hide() 方法:

实例

$("button").click(function(){  $("p").hide(1000);});jQuery toggle()

登录后复制

通过 jQuery,您可以使用 toggle() 方法来切换 hide() 和 show() 方法。

显示被隐藏的元素,并隐藏已显示的元素:

实例

$("button").click(function(){  $("p").toggle();});

登录后复制

语法:

$(selector).toggle(speed,callback);

登录后复制

可选的 speed 参数规定隐藏/显示的速度,可以取以下值:”slow”、”fast” 或毫秒。

可选的 callback 参数是 toggle() 方法完成后所执行的函数名称。

本篇对jquery的相关动画做出了讲解,更多的学习资料清关注【创想鸟】即可观看。

相关推荐:

关于jQuery 事件的相关知识点

SQL 服务器 – RDBMS相关知识

关于SQL NULL 值的相关知识点

以上就是关于jQuery 效果 – 隐藏和显示的相关知识的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2763806.html

(0)
上一篇 2025年3月8日 10:20:29
下一篇 2025年3月6日 06:29:34

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • jQuery回车触发按钮事件实现步骤详解

    这次给大家带来jQuery回车触发按钮事件实现步骤详解,jQuery回车触发按钮事件实现的注意事项有哪些,下面就是实战案例,一起来看一下。 jQuery回车触发按钮事件 $(function () { $(‘#Submit’).click(…

    编程技术 2025年3月8日
    200
  • jquery里filter()方法使用详解

    这次给大家带来jquery里filter()方法使用详解,jquery里filter()方法使用的注意事项有哪些,下面就是实战案例,一起来看一下。 定义和用法 filter() 方法返回符合一定条件的元素。 该方法让您规定一个条件。不符合条…

    编程技术 2025年3月8日
    200
  • jquery中filter()方法使用案例说明

    这次给大家带来jquery中filter()方法使用案例说明,jquery中filter()方法使用注意事项有哪些,下面就是实战案例,一起来看一下。 定义和用法 filter() 方法返回符合一定条件的元素。 该方法让您规定一个条件。不符合…

    编程技术 2025年3月8日
    200
  • jquery fullpage插件如何操作头部与尾部

    这次给大家带来jquery fullpage插件如何操作头部与尾部,jquery fullpage插件操作头部与尾部的注意事项有哪些,下面就是实战案例,一起来看一下。 前言 一个页面,我们通过 jquery-fullpage 插件来制作,整…

    编程技术 2025年3月8日
    200
  • jQuery替换节点元素步骤详解

    这次给大家带来jQuery替换节点元素步骤详解,jQuery替换节点元素的注意事项有哪些,下面就是实战案例,一起来看一下。 替换节点元素的操作,实现动态页面的,代码如下 中国 $(document).ready(function () { …

    2025年3月8日
    200
  • jquery拖动文件上传加载添加进度条

    这次给大家带来jquery拖动文件上传加载添加进度条,jquery拖动文件上传加载添加进度条的注意事项有哪些,下面就是实战案例,一起来看一下。 //进度条 0% //要拖动到的地方 登录后复制 js: var dz = $(‘#main_c…

    编程技术 2025年3月8日
    200
  • jQuery里each方法使用案例

    这次给大家带来jQuery里each方法使用案例,jQuery里each方法使用的注意事项有哪些,下面就是实战案例,一起来看一下。 概述:   each() 方法规定为每个匹配元素规定运行的函数。   返回 false 可用于及早停止循环,…

    编程技术 2025年3月8日
    200
  • echarts鼠标覆盖高亮显示节点关系数实现步骤

    这次给大家带来echarts鼠标覆盖高亮显示节点关系数实现步骤,echarts鼠标覆盖高亮显示节点关系数实现的注意事项有哪些,下面就是实战案例,一起来看一下。 本文在echart自带的focusNodeAdjacency属性上进行修改。 1…

    2025年3月8日 编程技术
    200
  • jQuery实现上传之前本地预览图片

    这次给大家带来jQuery实现上传之前本地预览图片,jQuery实现上传之前本地预览图片的注意事项有哪些,下面就是实战案例,一起来看一下。 www.jb51.net jquery上传图片本地预览效果$(‘#upload’).change(f…

    2025年3月8日
    200
  • Vue页面右上角实现悬浮隐藏菜单栏步骤详解

    这次给大家带来Vue页面右上角实现悬浮隐藏菜单栏步骤详解,Vue页面右上角实现悬浮隐藏菜单栏的注意事项有哪些,下面就是实战案例,一起来看一下。 这是个大多数网站很常见的功能,点击页面右上角头像显示一个悬浮菜单,点击页面其他位置或再次点击头像…

    2025年3月8日
    200

发表回复

登录后才能评论