什么是jQuery

最新推荐文章于 2022-10-03 15:42:55 发布

LongRui888

最新推荐文章于 2022-10-03 15:42:55 发布

阅读量1.2k

点赞数

分类专栏：【Javascript与jQuery】

本文链接：https://blog.csdn.net/sqlserverdiscovery/article/details/50518755

版权

【Javascript与jQuery】专栏收录该内容

32 篇文章 0 订阅

订阅专栏

在公司的项目中，经常看到一些脚本，但是不知道是什么脚本，在代码里会引用到一些html里的标签。

最近，在网上搜了一下，同时也问了同事，知道这些代码是jQuery。

那么这个jQuery是什么呢？

实际上jQuery就是一个javascript库，用来简化javascript编程。

下面就是一个简单的jQuery编写的代码：

<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("p").click(function(){
  $(this).hide();
  });
});
</script>
</head>

<body>
<p>点击我，我就会隐藏！</p>
</body>

</html> </span>

接下来解释一下这段代码：

1、把jQuery加到网页中，类似于其他编程语言中的 import导入功能，这样就可以在后面引用代码了。

<head>
<script type="text/javascript" src="jquery.js"></script>
</head>

2、所有的jQuery代码都需要在一个 document ready函数中。

$(document).ready(function(){

--- jQuery functions go here ----

});

之所以要写这个代码，是为了防止在文档完全加载之前运行下面的jQuery代码，因为在这个时候，由于文档还没有完全加载完成，进行操作就可能会报错。

3、加入jQuery操作代码。

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

这段代码是指当点击文档中所有的 <p> 元素时，让这些被点击的元素隐藏。

需要注意的是，如果把上面的代码保存成html文件之后，在用浏览器打开，上面的代码并没有实际效果，因为在我们的机器上并没有这个 jquery.js这个代码，所以自然就不会有实际效果。

如果您不希望下载并存放 jQuery，为了能够然这个代码有实际的效果，那么也可以通过 CDN（内容分发网络）引用它。
谷歌和微软的服务器都存有 jQuery。

微软：

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js">
</script>

谷歌：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js">
</script>