怎么使用jquery
程序员文章站
2022-03-27 20:59:54
...
使用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的详细内容,更多请关注其它相关文章!
下一篇: ES6中Generator函数的用法介绍