怎么使用jquery

anonymity 原创: 2020-09-15 18:04:21 7067浏览

使用jquery的方法：首先在官网上下载jquery文件，放入项目中；然后在页面上，使用“<script type="text/javascript" src="jquery文件的路径"”；最后使用jquery内置的方法和选择器来操作dom，添加动态效果即可。

首先，在页面上引用jquery

1、下载jquery。下载地址：http://hovertree.com/hvtart/bjae/b8627323101a4994.htm，一个是压缩版本，一个是未压缩版本，如果在开发测试阶段，可以使用未压缩版本，实际应用一般使用压缩版本(min)

然后就在页面上引用。

<script type="text/javascript" src="./jquery/jquery-1.11.3.min.js"></script>

2、引用在线的jquery文件

代码如下：

<script type="text/javascript" src="http://hovertree.com/ziyuan/jquery/jquery-1.11.3.min.js"></script>

相关专题推荐：《 jq教程》

然后，使用jquery来操作dom，添加动态效果即可。

接下来你就可以使用jQuery的强大功能了。例如设置页面上的链接为红色。
代码如下：

<!DOCTYPE html>
<html xmlns=" 
<head>
<title>jQuery改变链接的颜色</title>
<base target="_blank" />
    <script type="text/javascript" src=" </script>
</head>
<body>
    <a href="#">首页</a> 
     <a href="#">参考</a>
     <br/>
     注意本页上链接的颜色
     <script>
         $(document).ready(function () { 
             $("a").css("color", "red"); 
         );
     </script>
 </body>
 </html>

以上就是怎么使用jquery的详细内容，更多请关注php中文网其它相关文章！

怎么使用jquery PHP课程 HTML视频教程 CSS视频 JS视频教程 Vue视频教程

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。

上一条：ajax原理是什么? 下一条：JavaScript ES6介绍