中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

您的位置: 首頁 > 技術文檔 > 網(wǎng)頁制作 > jQuery技巧總結
CSS hacks與爭議 回到列表 輸入法下keyup失效的解決方案
 jQuery技巧總結

作者:84yemoo  時間: 2007-11-08 文檔類型:原創(chuàng) 來自:藍色理想

第 1 頁 jQuery技巧總結 [1]
第 2 頁 jQuery技巧總結 [2]
第 3 頁 jQuery技巧總結 [3]
第 4 頁 jQuery技巧總結 [4]

四、語法總結和注意事項

1、關于頁面元素的引用

通過jquery的$()引用元素包括通過id、class、元素名以及元素的層級關系及dom或者xpath條件等方法,且返回的對象為jquery對象(集合對象),不能直接調(diào)用dom定義的方法。

2、jQuery對象與dom對象的轉換

只有jquery對象才能使用jquery定義的方法。注意dom對象和jquery對象是有區(qū)別的,調(diào)用方法時要注意操作的是dom對象還是jquery對象。
普通的dom對象一般可以通過$()轉換成jquery對象。
如:$(document.getElementById("msg"))則為jquery對象,可以使用jquery的方法。
由于jquery對象本身是一個集合。所以如果jquery對象要轉換為dom對象則必須取出其中的某一項,一般可通過索引取出。
如:$("#msg")[0],$("div").eq(1)[0],$("div").get()[1],$("td")[5]這些都是dom對象,可以使用dom中的方法,但不能再使用Jquery的方法。
以下幾種寫法都是正確的:

$("#msg").html();
$("#msg")[0].innerHTML;
$("#msg").eq(0)[0].innerHTML;
$("#msg").get(0).innerHTML;

3、如何獲取jQuery集合的某一項

對于獲取的元素集合,獲取其中的某一項(通過索引指定)可以使用eq或get(n)方法或者索引號獲取,要注意,eq返回的是jquery對象,而get(n)和索引返回的是dom元素對象。對于jquery對象只能使用jquery的方法,而dom對象只能使用dom的方法,如要獲取第三個<div>元素的內(nèi)容。有如下兩種方法:

$("div").eq(2).html();              //調(diào)用jquery對象的方法
$("div").get(2).innerHTML;       //調(diào)用dom的方法屬性

4、同一函數(shù)實現(xiàn)set和get

Jquery中的很多方法都是如此,主要包括如下幾個:

$("#msg").html();              //返回id為msg的元素節(jié)點的html內(nèi)容。
$("#msg").html("<b>new content</b>");      
//將“<b>new content</b>” 作為html串寫入id為msg的元素節(jié)點內(nèi)容中,頁面顯示粗體的new content

$("#msg").text();              //返回id為msg的元素節(jié)點的文本內(nèi)容。
$("#msg").text("<b>new content</b>");      
//將“<b>new content</b>” 作為普通文本串寫入id為msg的元素節(jié)點內(nèi)容中,頁面顯示<b>new content</b>

$("#msg").height();              //返回id為msg的元素的高度
$("#msg").height("300");       //將id為msg的元素的高度設為300
$("#msg").width();              //返回id為msg的元素的寬度
$("#msg").width("300");       //將id為msg的元素的寬度設為300

$("input").val(");       //返回表單輸入框的value值
$("input").val("test");       //將表單輸入框的value值設為test

$("#msg").click();       //觸發(fā)id為msg的元素的單擊事件
$("#msg").click(fn);       //為id為msg的元素單擊事件添加函數(shù)

同樣blur,focus,select,submit事件都可以有這兩種調(diào)用方法

出處:藍色理想
責任編輯:moby

上一頁 jQuery技巧總結 [1] 下一頁 jQuery技巧總結 [3]

◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論,我還想發(fā)表評論。

相關文章 更多相關鏈接
段正淳的css筆記 Ⅰ
jQuery入門簡介
平面廣告設計技巧
像素畫入門教程之二
Photoshop文字排版小技巧
關鍵字搜索 常規(guī)搜索 推薦文檔
熱門搜索:CSS Fireworks 設計比賽 網(wǎng)頁制作 web標準 用戶體驗 UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點最新 站點最新列表
周大!熬•自然”設計大賽開啟
國際體驗設計大會7月將在京舉行
中國國防科技信息中心標志征集
云計算如何讓安全問題可控
云計算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機會
阿里行云
云手機年終巨獻,送禮標配299起
阿里巴巴CTO王堅的"云和互聯(lián)網(wǎng)觀"
1499元買真八核 云OS雙蛋大促
首屆COCO桌面手機主題設計大賽
欄目最新 欄目最新列表
淺談JavaScript編程語言的編碼規(guī)范
如何在illustrator中繪制臺歷
Ps簡單繪制一個可愛的鉛筆圖標
數(shù)據(jù)同步算法研究
用ps作簡單的作品展示頁面
CSS定位機制之一:普通流
25個最佳最閃亮的Eclipse開發(fā)項目
Illustrator中制作針線縫制文字效果
Photoshop制作印刷凹凸字體
VS2010中創(chuàng)建自定義SQL Rule
>> 分頁 首頁 前頁 后頁 尾頁 頁次:2/41個記錄/頁 轉到 頁 共4個記錄

藍色理想版權申明:除部分特別聲明不要轉載,或者授權我站獨家播發(fā)的文章外,大家可以自由轉載我站點的原創(chuàng)文章,但原作者和來自我站的鏈接必須保留(非我站原創(chuàng)的,按照原來自一節(jié),自行鏈接)。文章版權歸我站和作者共有。

轉載要求:轉載之圖片、文件,鏈接請不要盜鏈到本站,且不準打上各自站點的水印,亦不能抹去我站點水印。

特別注意:本站所提供的攝影照片,插畫,設計作品,如需使用,請與原作者聯(lián)系,版權歸原作者所有,文章若有侵犯作者版權,請與我們聯(lián)系,我們將立即刪除修改。

您的評論
用戶名:  口令:
說明:輸入正確的用戶名和密碼才能參與評論。如果您不是本站會員,你可以注冊 為本站會員。
注意:文章中的鏈接、內(nèi)容等需要修改的錯誤,請用報告錯誤,以利文檔及時修改。
不評分 1 2 3 4 5
注意:請不要在評論中含與內(nèi)容無關的廣告鏈接,違者封ID
請您注意:
·不良評論請用報告管理員,以利管理員及時刪除。
·尊重網(wǎng)上道德,遵守中華人民共和國的各項有關法律法規(guī)
·承擔一切因您的行為而直接或間接導致的民事或刑事法律責任
·本站評論管理人員有權保留或刪除其管轄評論中的任意內(nèi)容
·您在本站發(fā)表的作品,本站有權在網(wǎng)站內(nèi)轉載或引用
·參與本評論即表明您已經(jīng)閱讀并接受上述條款
推薦文檔 | 打印文檔 | 評論文檔 | 報告錯誤  
專業(yè)書推薦 更多內(nèi)容
網(wǎng)站可用性測試及優(yōu)化指南
《寫給大家看的色彩書1》
《跟我去香港》
眾妙之門—網(wǎng)站UI 設計之道
《Flex 4.0 RIA開發(fā)寶典》
《贏在設計》
犀利開發(fā)—jQuery內(nèi)核詳解與實踐
作品集 更多內(nèi)容

雜⑦雜⑧ Gold NORMANA V2