jquery的隐藏和显示方法

admin 轻心小站 关注 LV.14 VIP
发表于JS技术学习版块 教程
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 元素,并在此过程中隐藏或显示它们。


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

评论列表 评论
JS技术学习
JS技术学习
JS全称JavaScript,是一种具有函数优先的轻量级,解释型或即时编译型的编程语言;它是一种属于网络的高级脚本语言,主要用于Web
社区管理员:

暂无管理员

 
 
 
发布评论

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

(1) 分享
分享

取消

粉丝

0

关注

0

收藏

0

已有0次打赏