了解jQuery

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

hxxjxw

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

阅读量262

点赞数

分类专栏： jQuery 文章标签： jQuery

本文链接：https://blog.csdn.net/hxxjxw/article/details/85221293

版权

jQuery 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1.jQuery是什么

jQuery是一个JavaScipt库（由JavaScript专家John Resig 创建的）

由于这个库有很多优点，所以相当流行，全世界10000个最常被访问的网站中，有31%都利用了jQuery(包括Google、Mozilla)

2.jQuery怎么用

可以免费到www.jquery.com上下载

因为它只是一个库，所以肯定要把它放到项目的指定文件夹中，或者可以直接引用它的绝对路径

(注意是.html文件，不能是.php呀,虽然都是脚本语言，一个工作在浏览器端，一个工作在服务器端，怎么能混呢)

通过<script></script>标签来引入js文件

使用$() 来引用

·做一个最简单的示例

把下载的jquery-2.1.4.min.js和一个我们要运行的html放到一个test文件夹里

这里有两个文件，1.html是使用了绝对路径调用jquery，而2.html是在本地文件夹里调用jquery

1.html
<!DOCTYPE html>
<html>
<head>
<script src="D:\wamp64\apps\phpmyadmin4.6.4\js\jquery\jquery-2.1.4.min.js" type="text/javascript" ></script>
<script>
$(document).ready(function(){
  $("p").click(function(){
    $(this).hide();
  });
});
</script>
</head>
<body>
<p>如果您点击我，我会消失。</p>
<p>点击我，我会消失。</p>
<p>也要点击我哦。</p>
</body>
</html>
2.html
<!DOCTYPE html>
<html>
<head>
<script src="jquery-2.1.4.min.js" type="text/javascript"></script>

<script>
$(document).ready(function(){
  $("p").click(function(){
    $(this).hide();
  });
});
</script>
</head>
<body>
<p>如果您点击我，我会消失。</p>
<p>点击我，我会消失。</p>
<p>也要点击我哦。</p>
</body>
</html>
打开在浏览器运行，二者都能出效果，即点击一下就会消失

But

如果我把文价夹里的jquery-2.1.4.min.js文件删掉，再次运行

1.html还可以正常运行，但是2.html就没有刚才的效果了

注意如果本地没有jqury他不会报错，只是会没有相应的效果

待补