国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 語(yǔ)言 > JavaScript > 正文

jquery入門必備的基本認(rèn)識(shí)及實(shí)例(整理)

2024-05-06 15:48:19
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友
本文整理了一些jquery入門必備的基本知識(shí)及相關(guān)實(shí)例,適合初學(xué)者學(xué)習(xí),另附一些jquery的常用事件,感興趣的各位可不要錯(cuò)過(guò)了哈

1.Juqery是javascript的優(yōu)秀框架。它是輕量級(jí)的js庫(kù),它兼容CSS3,還兼容各種瀏覽器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后續(xù)版本將不再支持IE6/7/8瀏覽器。jQuery使用戶能更方便地處理HTML documents、events、實(shí)現(xiàn)動(dòng)畫(huà)效果,并且方便地為網(wǎng)站提供AJAX交互。

jQuery還有一個(gè)比較大的優(yōu)勢(shì)是,它的文檔說(shuō)明很全,而且各種應(yīng)用也說(shuō)得很詳細(xì),同時(shí)還有許多成熟的插件可供選擇。jQuery能夠使用戶的html頁(yè)面保持代碼和html內(nèi)容分離,也就是說(shuō),不用再在html里面插入一堆js來(lái)調(diào)用命令了,只需定義id即可。

當(dāng)用jQuery2.0的框架,通過(guò)上面這段話我想說(shuō)的是如果有些代碼在eclipse運(yùn)行不出來(lái),說(shuō)明里面瀏覽器內(nèi)核太低,只要在高版本的瀏覽器下面就能顯示效果。

2.jQuery 庫(kù)包含以下特性:
· HTML 元素選取
· HTML 元素操作
· CSS 操作
· HTML 事件函數(shù)
· JavaScript 特效和動(dòng)畫(huà)
· HTML DOM 遍歷和修改
· AJAX
· Utilities
3.Google 和 Microsoft 對(duì) jQuery 的支持都很好。
如果您不愿意在自己的計(jì)算機(jī)上存放 jQuery 庫(kù),那么可以從 Google 或 Microsoft 加載 CDN jQuery 核心文件。
使用 Google 的 CDN

復(fù)制代碼 代碼如下:


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


使用 Microsoft 的 CDN

復(fù)制代碼 代碼如下:


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


基本語(yǔ)法:
jQuery 語(yǔ)法實(shí)例
$(this).hide()
演示 jQuery hide() 函數(shù),隱藏當(dāng)前的 HTML 元素。
$("#test").hide() / /讀取id
演示 jQuery hide() 函數(shù),隱藏 的元素。
$("p").hide()
演示 jQuery hide() 函數(shù),隱藏所有 <p> 元素。 //這樣可以直接讀取標(biāo)簽
$(".test").hide()
演示 jQuery hide() 函數(shù),隱藏所有 的元素。 //讀取class的元素節(jié)點(diǎn)

Jquery的選擇器有很多種:jQuery 元素選擇器
jQuery 使用 CSS 選擇器來(lái)選取 HTML 元素。
$("p") 選取 <p> 元素。
$("p.intro") 選取所有 的 <p> 元素。
$("p#demo") 選取所有 的 <p> 元素。
jQuery 屬性選擇器
jQuery 使用 XPath 表達(dá)式來(lái)選擇帶有給定屬性的元素。
$("[href]") 選取所有帶有 href 屬性的元素。
$("[href='#']") 選取所有帶有 href 值等于 "#" 的元素。
$("[href!='#']") 選取所有帶有 href 值不等于 "#" 的元素。
$("[href$='.jpg']") 選取所有 href 值以 ".jpg" 結(jié)尾的元素。
jQuery CSS 選擇器
jQuery CSS 選擇器可用于改變 HTML 元素的 CSS 屬性。

下面的例子把所有 p 元素的背景顏色更改為紅色:
實(shí)例

復(fù)制代碼 代碼如下:


$("p").css("background-color","red");



jQuery 事件
下面是 jQuery 中事件方法的一些例子:

Event 函數(shù) 綁定函數(shù)至

$(document).ready(function) 將函數(shù)綁定到文檔的就緒事件(當(dāng)文檔完成加載時(shí))

$(selector).click(function) 觸發(fā)或?qū)⒑瘮?shù)綁定到被選元素的點(diǎn)擊事件

$(selector).dblclick(function) 觸發(fā)或?qū)⒑瘮?shù)綁定到被選元素的雙擊事件

$(selector).focus(function) 觸發(fā)或?qū)⒑瘮?shù)綁定到被選元素的獲得焦點(diǎn)事件

$(selector).mouseover(function) 觸發(fā)或?qū)⒑瘮?shù)綁定到被選元素的鼠標(biāo)懸停事件

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板: 江北区| 商南县| 繁峙县| 九台市| 桃源县| 荆门市| 洛宁县| 平乡县| 高青县| 遵义市| 麟游县| 中西区| 神木县| 新和县| 贡山| 元朗区| 镇巴县| 闵行区| 顺平县| 保山市| 绥中县| 日喀则市| 成武县| 宝兴县| 阿荣旗| 石狮市| 宜州市| 临潭县| 英吉沙县| 怀仁县| 青浦区| 台东县| 观塘区| 拉萨市| 沙坪坝区| 铁力市| 荣成市| 清水河县| 光山县| 马关县| 天全县|