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