怎么使用jquery


本文摘自PHP中文网,作者anonymity,侵删。

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

首先,在页面上引用jquery

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

然后就在页面上引用。

1

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

2、引用在线的jquery文件

代码如下:

1

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

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

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

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

<!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

更多相关阅读请进入《怎么使用jquery》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...