jquery 代码显示

JQuery是一种经常用于前端开发的JavaScript库。它为使用JavaScript的开发人员提供了一些非常方便的功能。在代码中通过引用jQuery库，可以使用如下代码：

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

以上代码便是引用jQuery库的标准方式，在博客、网站等不同项目中使用jQuery时，直接把代码复制到HTML中即可。

我们可以使用jQuery非常方便地对HTML文档中的各种元素进行操作，可以使用选择器来定位一个或多个元素。比如：

$(document).ready(function(){
  $("p").click(function(){
    $(this).hide();
  });
});

以上代码将可以使单机<p>元素时，隐藏元素自身。其中的"$"符号是一个jQuery函数。

jQuery还提供了一些非常方便的动画效果，可以轻松实现一些动态效果。下面是一个实现元素淡入效果的例子：

$(document).ready(function(){
  $("button").click(function(){
    $("#div1").fadeIn();
    $("#div2").fadeIn("slow");
    $("#div3").fadeIn(3000);
  });
});

以上代码可以使通过点击按钮分别淡入三个元素，分别是id分别为div1、div2、div3的元素，且相对淡入时间不一样。

除此之外，jQuery还有很多强大、方便的操作，可以实现更多的功能。学习了jQuery，可以帮助我们高效地完成网页开发，让开发过程更加流畅和舒适。