jquery基本使用和jquery隐藏网页元素

喜欢ヅ旅行 2023-01-09 03:37 184阅读 0赞

jquery的基本使用；为了方便可链接到百度提供的压缩版jquery库；

<!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8"> 
    <title>jquery demo1 </title> 
    <script src="https://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
    
    <style>
        .divcss1{width:150px;height:50px;border:2px solid #F00} 
    </style>
    
    <script>
    $(document).ready(function(){
      $("p").click(function(){
        $(this).hide();
      });
    });
    </script>
    
    </head>
    <body>
    
    <div class="divcss1">
    <p>click me, hide me</p>
    </div>
    
    </body>
    </html>

div中有一个p元素；点击p元素后隐藏该p元素；

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24_size_16_color_FFFFFF_t_70][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24_size_16_color_FFFFFF_t_70 1][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24_size_16_color_FFFFFF_t_70]: /images/20221119/af85dc8aaef5496993f8cd2223ffebca.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24_size_16_color_FFFFFF_t_70 1]: /images/20221119/27d9cbd6659445bc970861a5cedc3c66.png

发表评论取消回复

表情：

评论列表（有 0 条评论，184人围观）

还没有评论，来说两句吧...

相关阅读

相关使用jQuery设置网页模板

通过以上步骤，你就可以使用jQuery来设置网页模板了。使用jQuery可以方便地操作和修改网页内容，使网页更具交互性和动态效果。在网页开发中，使用jQuery可以方便地...

一时失言乱红尘/ 2024年05月09日 16:16/ 0 赞/ 76 阅读

相关使用jQuery隐藏＜span＞元素

在网页开发中，经常需要通过JavaScript操作DOM元素来实现交互效果。jQuery是一个流行的JavaScript库，它简化了DOM操作，使得开发者能够更方便地操作...

古城微笑少年丶/ 2024年05月09日 16:08/ 0 赞/ 87 阅读

相关如何检查元素是否隐藏在 jQuery 中？

问题描述：如何使用 .hide()、.show() 或 .toggle() 切换元素的可见性？如何测试元素是 visible 还是 hidden？解决方案1:

╰+攻爆jí腚メ/ 2024年03月31日 15:57/ 0 赞/ 87 阅读

相关 jQuery css和显示隐藏及siblings使用

主要操作技能： [http://www.runoob.com/jquery/jquery-tutorial.html][http_www.runoob.com_jquery_

妖狐艹你老母/ 2023年10月18日 12:18/ 0 赞/ 60 阅读

相关使用jQuery隐藏网页工具栏

在网页开发中，有时我们希望隐藏工具栏以提供更清晰的用户界面。使用jQuery可以轻松地实现这一目标。本文将详细介绍如何使用jQuery隐藏网页工具栏，并提供相应的源代码示例。

女爷i/ 2023年10月16日 13:15/ 0 赞/ 9 阅读

相关 jquery基本使用和jquery隐藏网页元素

jquery的基本使用；为了方便可链接到百度提供的压缩版jquery库； <!DOCTYPE html> <html> <head> <met

喜欢ヅ旅行/ 2023年01月09日 03:37/ 0 赞/ 185 阅读

相关 JQuery 控制html元素显示或隐藏

在做项目中用到界面元素显示或隐藏的功能。比如：点击编辑按钮，切换复选框的显示隐藏。根据数据库中某一字段的不同值，在界面上显示不同的按钮组合。因此查找了如何控制界

川长思鸟来/ 2022年09月24日 05:14/ 0 赞/ 393 阅读

相关 jQuery设置元素隐藏

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTI1

朴灿烈づ我的快乐病毒、/ 2022年02月03日 06:49/ 0 赞/ 227 阅读

相关 JQuery隐藏和显示效果

1：引用插件jquery-3.2.1.min.js： 2：为了方便看出效果和美观，在外层放一个div盒子，给这个盒子设置一些样式：比如边距，边框，宽，高，

朴灿烈づ我的快乐病毒、/ 2021年12月20日 13:55/ 0 赞/ 374 阅读

相关 JQuery 基本使用

目录一、概述二、使用 JQuery 1、获取JQuery 2、导入 JQuery 的 js 文件 3、JQuery对象和JS对象区别与转换三、选择器 1、基

喜欢ヅ旅行/ 2021年09月20日 16:05/ 0 赞/ 359 阅读