[JQuery 学习笔记] 隐藏和显示 hide() 和 show()

最新推荐文章于 2023-04-12 08:27:48 发布

尉迟海棠

最新推荐文章于 2023-04-12 08:27:48 发布

阅读量1.2k

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/GYK0812/article/details/108695966

版权

hide() 和 show() 方法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>6-1 显示与隐藏 </title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
    <style>
        #img{float:left;}  /* 图片左浮动*/
        #content{display: none;} /*初始为不显示*/
    </style>
    <script>
        $(function(){
            $('button').click(function(event){
                if($(this).text() == '显示简介'){
                    // $('#content').show(1000);  // 显示速度，1000为一秒，可以用slow和fast
                    // $(this).text('隐藏简介');  //修改按钮上的文本内容
                    
                    // 上述两行代码也可以写成
                    $('#c

最低0.47元/天解锁文章

尉迟海棠

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
[JQuery 学习笔记] 隐藏和显示 hide() 和 show()

hide() 和 show() 方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>6-1 显示与隐藏 </title> <script src..
复制链接

扫一扫