jQuery中库的引用方法
作者:蚂蚁部落
下面小编就为大家分享一篇jQuery中库的引用方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
jQuery是一个轻量级的JavaScript库,里面包含所有的jQuery方法。
如果想要使用这些方法,那么必须首先引用这个库。
先看一段代码:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>蚂蚁部落</title> <style type="text/css"> div{ height:150px; width:150px; background-color:#ccc; } </style> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#bt").click(function () { $("div").hide(); }); }) </script> </head> <body> <div></div> <input type="button" id="bt" value="隐藏"/> </body> </html>
使用$()方法获取指定元素,然后利用hide()方法隐藏元素。要想使用这些方法,比如首先引入jQuery库。
上面代码引入库的方式是:
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
从网络上引入jQuery库,当然也可以把此库下载下来放在本机,然后进行引用。
以上这篇jQuery中库的引用方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。