参考菜鸟教程
/* Jquery通过选取HTML元素，并对选取的元素执行某些操作。
基础语法：$(selector).action
- 美元符号定义jQuery
- 选择符（selector）"查询"和"查找"HTML元素
- JQuery的action()执行对元素的操作
实例：
- $(this).hide()-隐藏当前元素
- $(“p”).hide()-隐藏所有<‘p’>元素
- $(“p”).click()-选中点击的<‘p’>元素
- $(“p.test”).hide()-隐藏所有class="test"的<‘p’>元素
- KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲test").hide()-隐…(document).ready(function(){//开始写jQuery代码});
这是为了防止文档在完全加载（就绪）之前运行jQuery代码，
即DOM加载完成后，才可以对DOM进行操作。如果一个文档没有完全加载之前就运行函数，
操作可能失败。下面是两个具体的例子：
- 试图隐藏一个不存在的元素
- 获得未完全加载的图像的大小
简洁写法（与上面写法效果完全相同）：
(document).ready(function(){});
以上两种方式可以选择你喜欢的方式实现文档就绪后执行jQuery方法
*/

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <script>
    
      $(document).ready(function(){
          $("p").click(function(){
            $(this).hide();
          });
        }
      );
    </script>

效果