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

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

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

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

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

jQuery 庫(kù)包含以下特性：

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

向您的頁(yè)面添加 jQuery 庫(kù)

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

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

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

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

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

<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

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

這兩個(gè)版本都可從 jQuery.com 下載。
庫(kù)的替代

Google 和 Microsoft 對(duì) jQuery 的支持都很好。

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