jQuery中巩步,html和text以及val區(qū)別

假設有如下代碼:

<div class="parent">
    <div>
        111
        <div>
            222
            <div>
                333
            </div>
        </div>
    </div>
</div>

使用不同的函數(shù)返回不同:

  • $(".parent").text(),返回:
"
    
        111
        
            222
            
                333
            
        
    
"
  • $(".parent").html(),返回:
"
    <div>
        111
        <div>
            222
            <div>
                333
            </div>
        </div>
    </div>
"
  • $(".parent").val(),返回:
""

所以:

  1. .html()用為讀取和修改元素的HTML標簽。使用在多個元素上時董栽,只讀取第一個元素亚享。
  2. .text()用來讀取或修改元素的純文本內容瞭稼,包括其后代元素忽洛。不能使用在表單元素上。應用在多個元素上時环肘,將會讀取所有選中元素的文本內容欲虚。
  3. .val()用來讀取或修改表單元素的value值。且只能使用在表單元素上悔雹。使用在多個元素上時复哆,只讀取第一個元素。
  4. .html(htmlString),.text(textString)和.val(value)三種方法都是用來替換選中元素的內容荠商,如果三個方法同時運用在多個元素上時寂恬,那么將會替換所有選中元素的內容续誉。
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末莱没,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子酷鸦,更是在濱河造成了極大的恐慌饰躲,老刑警劉巖牙咏,帶你破解...
    沈念sama閱讀 212,686評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異嘹裂,居然都是意外死亡妄壶,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,668評論 3 385
  • 文/潘曉璐 我一進店門寄狼,熙熙樓的掌柜王于貴愁眉苦臉地迎上來丁寄,“玉大人,你說我怎么就攤上這事泊愧∫粱牵” “怎么了?”我有些...
    開封第一講書人閱讀 158,160評論 0 348
  • 文/不壞的土叔 我叫張陵删咱,是天一觀的道長屑埋。 經常有香客問我,道長痰滋,這世上最難降的妖魔是什么摘能? 我笑而不...
    開封第一講書人閱讀 56,736評論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮敲街,結果婚禮上团搞,老公的妹妹穿的比我還像新娘。我一直安慰自己多艇,他們只是感情好莺丑,可當我...
    茶點故事閱讀 65,847評論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著墩蔓,像睡著了一般梢莽。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上奸披,一...
    開封第一講書人閱讀 50,043評論 1 291
  • 那天昏名,我揣著相機與錄音,去河邊找鬼阵面。 笑死轻局,一個胖子當著我的面吹牛,可吹牛的內容都是我干的样刷。 我是一名探鬼主播忱反,決...
    沈念sama閱讀 39,129評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼橱脸,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起裙顽,我...
    開封第一講書人閱讀 37,872評論 0 268
  • 序言:老撾萬榮一對情侶失蹤术羔,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體俱济,經...
    沈念sama閱讀 44,318評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,645評論 2 327
  • 正文 我和宋清朗相戀三年钙勃,在試婚紗的時候發(fā)現(xiàn)自己被綠了蛛碌。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,777評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡辖源,死狀恐怖蔚携,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情克饶,我是刑警寧澤浮梢,帶...
    沈念sama閱讀 34,470評論 4 333
  • 正文 年R本政府宣布,位于F島的核電站彤路,受9級特大地震影響秕硝,放射性物質發(fā)生泄漏。R本人自食惡果不足惜洲尊,卻給世界環(huán)境...
    茶點故事閱讀 40,126評論 3 317
  • 文/蒙蒙 一远豺、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧坞嘀,春花似錦躯护、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,861評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至矢渊,卻和暖如春继准,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背矮男。 一陣腳步聲響...
    開封第一講書人閱讀 32,095評論 1 267
  • 我被黑心中介騙來泰國打工移必, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人毡鉴。 一個月前我還...
    沈念sama閱讀 46,589評論 2 362
  • 正文 我出身青樓崔泵,卻偏偏與公主長得像,于是被迫代替她去往敵國和親猪瞬。 傳聞我的和親對象是個殘疾皇子憎瘸,可洞房花燭夜當晚...
    茶點故事閱讀 43,687評論 2 351

推薦閱讀更多精彩內容

  • 一、樣式篇 第1章 初識jQuery (1)環(huán)境搭建 進入官方網站獲取最新的版本 http://jquery.co...
    凜0_0閱讀 3,364評論 0 44
  • jQuery基礎(一)——樣式篇 1-2環(huán)境搭建 1-3 jQuery HelloWorld體驗 $(docume...
    croyance0601閱讀 1,079評論 0 8
  • 第一章 jQuery簡介 1-1 jQuery簡介 1.簡介 2.優(yōu)勢 3.特性與工具方法 1-2 環(huán)境搭建 進入...
    mo默22閱讀 1,578評論 0 11
  • 第一章 認識jQuery jQuery 能做什么 1. 取得文檔中的元素 2. 修改頁面的外觀 CSS雖然為影響文...
    七弦桐語閱讀 481評論 0 1
  • 性格乖張又執(zhí)拗陈瘦,總希望萬事如我意幌甘,堅信自己是正確的并一直走到黑,偶爾會患得患失又無法改變自己,人生的前24年我總是...
    傾城墨染月無明閱讀 238評論 0 0