Web前段开发笔记—— jQuery

Whiskyli_

于 2019-04-13 18:23:20 发布

阅读量126

点赞数

本文链接：https://blog.csdn.net/Whiskyli_/article/details/89286627

版权

本文是关于jQuery的学习笔记，主要探讨了显示和隐藏效果的hide()和show()方法，详细介绍了滑动效果的slide方法，以及如何使用animate()创建自定义动画。此外，还阐述了jQuery中的链式操作，使开发者能够在一条语句中轻松应用多个方法。

摘要由CSDN通过智能技术生成

一、jQuery学习——jQuery效果
1.显示和隐藏效果：hide()和show()

<1> hide()方法:是把指定元素隐藏;

show()方法:是把指定元素显示出来.

<2>效果练习：实现jquery动画效果隐藏与显示

代码如下：


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-1.9.1.min.js"></script>
    <script>
        $(document).ready(function(){
            $("#button1").click(function (){
                $("p").hide(2000)
            })
            $("#button2").click(function (){
                $("p").show(2000,function (){
                    alert("恭喜你，显示完成")
                })
            })
            $("#button3").click(function (){
                $("p").toggle(1000,function (){
                    $("p").css({color:"blue"})

最低0.47元/天解锁文章

Whiskyli_

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Web前段开发笔记—— jQuery

一、jQuery学习——jQuery效果1.显示和隐藏效果：hide()和show()<1>hide()方法:是把指定元素隐藏;show()方法:是把指定元素显示出来.<2>效果练习：实现jquery动画效果隐藏与显示代码如下：<!DOCTYPE html><html lang="en"&...
复制链接

扫一扫