轻松学习jQuery控制DOM_jquery平滑显示指定dom

// 确保DOM完全加载
$(document).ready(function() {
    // 平滑显示指定的DOM元素
    function smoothShow(selector) {
        $(selector).show("slow"); // 使用'slow'来定义动画的速度
    }
 
    // 平滑隐藏指定的DOM元素
    function smoothHide(selector) {
        $(selector).hide("slow"); // 使用'slow'来定义动画的速度
    }
 
    // 平滑切换指定的DOM元素的显示状态
    function smoothToggle(selector) {
        $(selector).toggle("slow"); // 使用'slow'来定义动画的速度
    }
 
    // 示例：平滑显示一个元素
    smoothShow("#myElement");
 
    // 示例：平滑隐藏一个元素
    smoothHide("#myElement");
 
    // 示例：平滑切换一个元素的显示状态
    smoothToggle("#myElement");
});

这段代码定义了三个函数smoothShow、smoothHide和smoothToggle，它们分别用于平滑地显示、隐藏和切换一个指定的DOM元素。这些函数在文档加载完毕后可以直接调用，并且可以重用于其他场景。