初步認(rèn)識JavaScript函數(shù)庫jQuery

更新時間：2015年06月18日 10:16:39 投稿：goldensun

這篇文章主要介紹了JavaScript函數(shù)庫jQuery的一些基本概念,包括其的添加方法和最基本的使用示例,需要的朋友可以參考下

jQuery 庫可以通過一行簡單的標(biāo)記被添加到網(wǎng)頁中。
jQuery 庫 - 特性

jQuery 是一個 JavaScript 函數(shù)庫。

jQuery 庫包含以下特性：

HTML 元素選取
HTML 元素操作
CSS 操作
HTML 事件函數(shù)
JavaScript 特效和動畫
HTML DOM 遍歷和修改
AJAX
Utilities

向您的頁面添加 jQuery 庫

jQuery 庫位于一個 JavaScript 文件中，其中包含了所有的 jQuery 函數(shù)。

可以通過下面的標(biāo)記把 jQuery 添加到網(wǎng)頁中：

<head>
<script type="text/javascript" src="jquery.js"></script>
</head>

請注意，<script> 標(biāo)簽應(yīng)該位于頁面的 <head> 部分。
基礎(chǔ) jQuery 實例

下面的例子演示了 jQuery 的 hide() 函數(shù)，隱藏了 HTML 文檔中所有的 <p> 元素。
實例

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>

<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button type="button">Click me</button>
</body>
</html>

親自試一試
下載 jQuery

共有兩個版本的 jQuery 可供下載：一份是精簡過的，另一份是未壓縮的（供調(diào)試或閱讀）。

這兩個版本都可從 jQuery.com 下載。
庫的替代

Google 和 Microsoft 對 jQuery 的支持都很好。

如果您不愿意在自己的計算機上存放 jQuery 庫，那么可以從 Google 或 Microsoft 加載 CDN jQuery 核心文件。
使用 Google 的 CDN

<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs
/jquery/1.4.0/jquery.min.js"></script>
</head>

使用 Microsoft 的 CDN

<head>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery
/jquery-1.4.min.js"></script>
</head>

您可能感興趣的文章:

相關(guān)文章

jquery操作復(fù)選框checkbox的方法匯總
這篇文章主要介紹了jquery操作復(fù)選框checkbox的方法,實例匯總了jQuery針對checkbox進(jìn)行判斷與賦值的各種常用操作技巧,需要的朋友可以參考下
2015-02-02
用jquery實現(xiàn)自定義風(fēng)格的滑動條實現(xiàn)代碼
用jquery實現(xiàn)自定義風(fēng)格的滑動條的實現(xiàn)代碼，需要的朋友可以參考下。
2011-04-04
ztree獲取選中節(jié)點時不能進(jìn)入可視區(qū)域出現(xiàn)BUG如何解決
zTree 是一個依靠 jQuery 實現(xiàn)的多功能 “樹插件”。優(yōu)異的性能、靈活的配置、多種功能的組合是 zTree 最大優(yōu)點。本文給大家介紹ztree獲取選中節(jié)點時不能進(jìn)入可視區(qū)域出現(xiàn)BUG如何解決的相關(guān)資料，對ztree獲取選中節(jié)點感興趣的朋友一起學(xué)習(xí)吧
2015-12-12
jQuery解析json格式數(shù)據(jù)示例
這篇文章主要介紹了jQuery解析json格式數(shù)據(jù),涉及jQuery針對json格式數(shù)據(jù)元素遍歷相關(guān)操作技巧,需要的朋友可以參考下
2018-09-09
jQuery simplePage+AJAX plus分頁插件用法實例
這篇文章主要介紹了jQuery simplePage+AJAX plus分頁插件用法,結(jié)合實例形式分析了jQuery基于extend擴展實現(xiàn)分頁插件的具體技巧,需要的朋友可以參考下
2016-02-02
jQuery復(fù)合事件結(jié)合toggle()方法的用法示例
這篇文章主要介紹了jQuery復(fù)合事件結(jié)合toggle()方法的用法,實例分析了toggle()方法的功能、定義以及與復(fù)合事件結(jié)合使用的操作技巧,需要的朋友可以參考下
2017-06-06
基于jQuery ztree實現(xiàn)表格風(fēng)格的樹狀結(jié)構(gòu)
zTree 是一個依靠 jQuery 實現(xiàn)的多功能 “樹插件”，zTree 是開源免費的軟件。接下來通過本文給大家介紹基于jQuery ztree實現(xiàn)表格風(fēng)格的樹狀結(jié)構(gòu)，感興趣的朋友一起看看吧
2018-08-08
jQuery 選擇器理解
凡是運用$,其返回值是一個object $選擇器主要用于選擇標(biāo)簽.基本用法是同css的選擇器.
2010-03-03
30個最佳jQuery Lightbox效果插件分享
Lightbox 應(yīng)該是最流行的圖片瀏覽效果了，常具有功能包括：自動根據(jù)窗口的大小縮放圖片，模式窗口，幻燈片方式播放，內(nèi)容預(yù)加載，漸變等效果。
2011-04-04
關(guān)于html+ashx開發(fā)中幾個問題的解決方法
在跟html+ashx打交道的園友們肯定會發(fā)現(xiàn)，這種模式雖然優(yōu)美，但在開發(fā)中會遇到一些難處理的地方。我也不例外，下面是自己在實際開發(fā)中總結(jié)出來的幾條經(jīng)驗，希望跟大家分享，更希望得到大家的建議和更好的解決方法！
2011-07-07