首頁 >web前端 >js教程 >在jQuery有關於函式庫的引用方法有哪些

在jQuery有關於函式庫的引用方法有哪些

亚连
亚连原創
2018-06-13 14:52:442166瀏覽

下面我就為大家分享一篇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">
p{
 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 () {
 $("p").hide();
 }); 
}) 
</script>
</head>
<body>
<p></p>
<input type="button" id="bt" value="隐藏"/>
</body>
</html>

#使用$()方法取得指定元素,然後利用hide()方法隱藏元素。要想使用這些方法,例如先引入jQuery函式庫。

上面程式碼引入庫的方式是:

<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>

從網路上引入jQuery庫,當然也可以把此庫下載下來放在本機,然後進行引用。

上面是我整理給大家的,希望今後對大家有幫助。

相關文章:

在VUE中引用bmob js-sdk(詳細教學)

使用vue如何實作收藏夾

在vue中如何透過v-for處理陣列

#在node.js中有關npm和webpack配置方法

如何透過js將目前時間格式化?

以上是在jQuery有關於函式庫的引用方法有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn