jQuery html()等方法介紹
更新時(shí)間：2009年11月18日 19:58:04 作者：
在jQuery里面對(duì)于一些HTML的元素操作都是很簡(jiǎn)化的，這也是很多人選擇使用jQuery的原因。
對(duì)于獲取某一個(gè)元素的值，如input框，我們往往是用$('#test').val();
$('#test')這個(gè)我就不多說(shuō)了，反正就是獲取ID為test的這個(gè)元素。
$('#test').val()，也就是獲取它的值，一般來(lái)說(shuō)，凡是能夠用在FORM里的元素，都可以用.val()來(lái)進(jìn)行值的獲取，如input,textarea,select等，都可以用.val()來(lái)獲取它們的當(dāng)前值
而.val('aa');則是設(shè)置該元素的值，$('#test').val('aa')，也就是相當(dāng)于設(shè)置test元素的值為aa。
類似這樣的用法還有兩種：.html(),.text()，這兩種用法往往用在div和span元素上，一般是為這兩種元素進(jìn)行賦值和取值。
.html()替代了以前的 .innerHTML , .html('test') ，則是替代了 .innerHTML = 'test';
這些類似的簡(jiǎn)化寫法讓我們?cè)趯?shí)際的操作中感覺得更加流暢。
這些方法都是直接在方法名里加參數(shù)來(lái)進(jìn)行賦值和取值的。還有一些是通過(guò)第二個(gè)參數(shù)進(jìn)行取值的（說(shuō)的不太清楚。。。），比如$('#test').attr('name')，那么，返回的值就是它的attribute中的name了，如果$('#test').attr('id','test2'),則是相當(dāng)于把這個(gè)test元素的name設(shè)為test2,再進(jìn)行取值的時(shí)候，name就是test2了。
說(shuō)的太亂了。。。。
$('#test')這個(gè)我就不多說(shuō)了，反正就是獲取ID為test的這個(gè)元素。
$('#test').val()，也就是獲取它的值，一般來(lái)說(shuō)，凡是能夠用在FORM里的元素，都可以用.val()來(lái)進(jìn)行值的獲取，如input,textarea,select等，都可以用.val()來(lái)獲取它們的當(dāng)前值
而.val('aa');則是設(shè)置該元素的值，$('#test').val('aa')，也就是相當(dāng)于設(shè)置test元素的值為aa。
類似這樣的用法還有兩種：.html(),.text()，這兩種用法往往用在div和span元素上，一般是為這兩種元素進(jìn)行賦值和取值。
.html()替代了以前的 .innerHTML , .html('test') ，則是替代了 .innerHTML = 'test';
這些類似的簡(jiǎn)化寫法讓我們?cè)趯?shí)際的操作中感覺得更加流暢。
這些方法都是直接在方法名里加參數(shù)來(lái)進(jìn)行賦值和取值的。還有一些是通過(guò)第二個(gè)參數(shù)進(jìn)行取值的（說(shuō)的不太清楚。。。），比如$('#test').attr('name')，那么，返回的值就是它的attribute中的name了，如果$('#test').attr('id','test2'),則是相當(dāng)于把這個(gè)test元素的name設(shè)為test2,再進(jìn)行取值的時(shí)候，name就是test2了。
說(shuō)的太亂了。。。。
您可能感興趣的文章:
- jquery append()方法與html()方法的區(qū)別及使用介紹
- jquery text(),val(),html()方法區(qū)別總結(jié)
- 『jQuery』.html(),.text()和.val()的概述及使用
- innerHTML與jquery里的html()區(qū)別介紹
- JQuery中html()方法使用不當(dāng)帶來(lái)的陷阱
- jQuery獲取文本節(jié)點(diǎn)之 text()/val()/html() 方法區(qū)別
- jquery 學(xué)習(xí)之二 屬性(html()與html(val))
- jquery 的 $("#id").html() 無(wú)內(nèi)容的解決方法
- jQuery html() in Firefox (uses .innerHTML) ignores DOM changes
- jQuery html()方法使用不了無(wú)法顯示內(nèi)容的問(wèn)題
相關(guān)文章
jquery彩色投票進(jìn)度條簡(jiǎn)單實(shí)例演示
這篇文章向大家推薦了一個(gè)jquery彩色投票進(jìn)度條簡(jiǎn)單實(shí)例演示，詳細(xì)介紹了如何制作進(jìn)度條的步驟，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2015-11-11
jQuery實(shí)現(xiàn)checkbox列表的全選、反選功能
本文給大家分享的是一個(gè)jQuery實(shí)現(xiàn)checkbox列表的全選、反選功能的封裝代碼，非常的實(shí)用，有需要的小伙伴可以參考下2016-11-11
jQuery循環(huán)滾動(dòng)新聞列表示例代碼
jquery實(shí)現(xiàn)點(diǎn)擊公告的上一條下一條來(lái)查看滾動(dòng)條，示例代碼如下，希望對(duì)大家有所幫助2014-06-06
本篇文章主要是對(duì)jqGrid隨窗口大小變化自適應(yīng)大小的示例代碼進(jìn)行了詳細(xì)的介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-12-12
這篇文章主要介紹了jQuery中next方法用法,實(shí)例分析了jQuery中next方法的功能、定義及相關(guān)使用技巧,需要的朋友可以參考下2015-04-04
這篇文章主要介紹了jq 用each遍歷循環(huán)的方法，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-09-09
Jquery中ajax方法data參數(shù)的用法小結(jié)
本篇文章主要是對(duì)Jquery中ajax方法data參數(shù)的用法進(jìn)行了總結(jié)介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-02-02
EasyUi datagrid 實(shí)現(xiàn)表格分頁(yè)
這篇文章主要介紹了EasyUi datagrid 實(shí)現(xiàn)表格分頁(yè)的方法和示例分享,需要的朋友可以參考下2015-02-02
textarea中的手動(dòng)換行處理的jquery代碼
textarea的手動(dòng)換行會(huì)產(chǎn)生換行標(biāo)志，但這個(gè)標(biāo)志存在卻看不到，存入數(shù)據(jù)庫(kù)中后讀出來(lái)顯示在頁(yè)面上卻不會(huì)換行，如何處理呢？2011-02-02
這篇文章主要為大家介紹了jQuery的操作屬性，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助2022-01-01