什么是jQuery

来源：互联网发布：文件夹恢复软件编辑：程序博客网时间：2024/06/11 08:21

在公司的项目中，经常看到一些脚本，但是不知道是什么脚本，在代码里会引用到一些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>