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通過ajax快速批量提交表單數(shù)據(jù)
這篇文章主要為大家詳細介紹了jQuery通過ajax快速批量提交表單數(shù)據(jù)的相關(guān)資料,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)朋友圈查看圖片，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
jQuery 使用手冊，大家可以耐心的看完，就基本上入門了。2009-09-09
jquery()函數(shù)有三種不同的語法，在本文將為大家詳細介紹下，感興趣的朋友不要錯過2013-10-10
使用jQuery和Bootstrap實現(xiàn)多層、自適應(yīng)模態(tài)窗口
這篇文章主要介紹了使用jQuery和Bootstrap實現(xiàn)多層、自適應(yīng)模態(tài)窗口,需要的朋友可以參考下2014-12-12
這篇文章主要介紹了 jquery實現(xiàn)圖片跟隨鼠標(biāo)的實例的相關(guān)資料,希望通過本文能幫助到大家實現(xiàn)這樣的功能，需要的朋友可以參考下2017-10-10
基于jQuery Circlr插件實現(xiàn)產(chǎn)品圖片360度旋轉(zhuǎn)
Circlr是一款可以對產(chǎn)品圖片進行360度全方位旋轉(zhuǎn)展示的jQuery插件，本文給大家分享一款基于jQuery Circlr插件實現(xiàn)產(chǎn)品圖片360度旋轉(zhuǎn)，大家一起來看看吧2015-09-09
這篇文章主要為大家詳細介紹了Jquery實現(xiàn)多選下拉列表左右移動，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-02-02
這篇文章主要介紹了jQuery實現(xiàn)的瀑布流加載效果,結(jié)合實例形式分析了jQuery基于數(shù)學(xué)運算與事件響應(yīng)實現(xiàn)頁面瀑布流加載的功能,需要的朋友可以參考下2016-09-09
這篇文章主要介紹了jQuery插件開發(fā)中的extend方法，有需要的朋友可以參考一下2013-11-11