欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

怎么使用jquery

程序员文章站 2022-03-27 20:59:54
...

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

怎么使用jquery

首先,在页面上引用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的详细内容,更多请关注其它相关文章!

相关标签: 怎么使用jquery