首頁 > web前端 > js教程 > 在jquery中庫有幾種使用方法

在jquery中庫有幾種使用方法

php中世界最好的语言
發布: 2018-03-15 11:18:40
原創
1143 人瀏覽過

這次帶給大家在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">
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庫,當然也可以把此庫下載下來放在本機,然後進行引用。

相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

jquery trigger函數無法觸發a標籤應該如何處理

jquery的表單驗證提交

jQuery的複選框選擇並且取得值

Jquery ajax非同步跨域怎麼實作

#

以上是在jquery中庫有幾種使用方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板