jquery的隐藏和显示方法

admin 轻心小站 关注 LV.19 运营
发表于JS技术学习版块 教程

jQuery是使用JavaScript编写的一套跨浏览器JavaScript库。它简化了常见的JavaScript任务,例如:HTML文档遍历和操作、事件处理、动画和Ajax。本文将重点介绍jquer

jQuery是使用JavaScript编写的一套跨浏览器JavaScript库。它简化了常见的JavaScript任务,例如:HTML文档遍历和操作、事件处理、动画和Ajax。本文将重点介绍jquery的隐藏和显示方法。


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


hide()方法用于隐藏元素,可以接受可选参数 speed 和 callback。speed 参数规定隐藏效果的速度。值可以是 "slow"、"fast" 或毫秒数。callback 参数是隐藏完成后所执行的函数名称。


show()方法用于显示元素,也可以同样接受可选参数 speed 和 callback。speed 参数规定显示效果的速度。值可以是 "slow"、"fast" 或毫秒数。callback 参数是显示完成后所执行的函数名称。


$(document).ready(function(){
$("button").click(function(){
$("#test").hide();
});
$("button").click(function(){
$("#test").show();
});
});



上述代码使用了jQuery的 hide() 和 show() 方法。通过在页面中放置带有 ID 的 HTML 元素,即可在 jQuery 中引用该元素。通过使用 jQuery 的 hide() 方法可以使元素隐藏,而 show() 方法则将其恢复显示。


在此示例中,首先隐藏一个元素,接着通过其他事件或交互来呈现该元素。总之,jQuery 提供了一个可靠而简单的方法来操作 HTML 元素,并在此过程中隐藏或显示它们。


在各种情况下,这些方法的可选参数可用于微调其属性。

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: jquery的隐藏和显示方法

粉丝

0

关注

0

收藏

0

已有0次打赏