JQuery中的text(),html()和val()區(qū)別

JerryC 發(fā)布于2019-08-23 16:33 / 3074人閱讀

摘要：如果該方法未設(shè)置參數(shù)，則返回被選元素的當(dāng)前內(nèi)容。元素的值是通過屬性設(shè)置的。

定義和用法
text() 方法方法設(shè)置或返回被選元素的文本內(nèi)容

代碼如下





Document

div有文本內(nèi)容

    div2內(nèi)的文本
    span內(nèi)有文本內(nèi)容

console打印的結(jié)果

可以看出text()只輸出標(biāo)簽內(nèi)的文本內(nèi)容，和js的innerText方法一樣

定義和用法
html() 方法返回或設(shè)置被選元素的內(nèi)容 (inner HTML)，包括標(biāo)簽。

如果該方法未設(shè)置參數(shù)，則返回被選元素的當(dāng)前內(nèi)容。

div有文本內(nèi)容

    div2內(nèi)的文本
    span內(nèi)有文本內(nèi)容

通過console的打印的結(jié)果

打印當(dāng)前標(biāo)簽內(nèi)的文本內(nèi)容，如果有子標(biāo)簽，則把子標(biāo)簽本身和子標(biāo)簽內(nèi)的文本一起打印

這個(gè)和js的innerHTML差不多

定義和用法
val() 方法返回或設(shè)置被選元素的值。

元素的值是通過 value 屬性設(shè)置的。該方法大多用于 input 元素。

方法主要用于獲取表單元素的值
如果該方法未設(shè)置參數(shù)，則返回被選元素的當(dāng)前值。

div有文本內(nèi)容

    div2內(nèi)的文本
    span內(nèi)有文本內(nèi)容

通過控制臺(tái)打印結(jié)果

val()是用來(lái)輸出表單內(nèi)的數(shù)據(jù)，可以看出div和span標(biāo)簽內(nèi)的文本并沒有被輸出，我還測(cè)試了H5新標(biāo)簽placeholder

同樣也沒有被輸出，所以這個(gè)val應(yīng)該是只針對(duì)標(biāo)簽的value屬性的

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/103143.html

相關(guān)文章

JQuery基礎(chǔ)修煉-樣式篇

摘要：具有相同的父元素，并匹配過濾選擇器子選擇器選擇所有指定元素中指定的的直接子元素。可見元素的寬度或高度，是大于零。元素的或被認(rèn)為是可見的，因?yàn)樗麄內(nèi)匀徽加每臻g布局。 jQuery對(duì)象轉(zhuǎn)化成DOM對(duì)象 ? ? jQuery庫(kù)本質(zhì)上還是JavaScript代碼，它只是對(duì)JavaScript語(yǔ)言進(jìn)行包裝處理，為了是提供更好更方便快捷的DOM處理與開發(fā)常見中經(jīng)常使用的功能。我們可以用jQuery...

_Dreams 2019-08-02 15:55 評(píng)論0 收藏0
JQuery基礎(chǔ)修煉-樣式篇

摘要：具有相同的父元素，并匹配過濾選擇器子選擇器選擇所有指定元素中指定的的直接子元素。可見元素的寬度或高度，是大于零。元素的或被認(rèn)為是可見的，因?yàn)樗麄內(nèi)匀徽加每臻g布局。 jQuery對(duì)象轉(zhuǎn)化成DOM對(duì)象 ? ? jQuery庫(kù)本質(zhì)上還是JavaScript代碼，它只是對(duì)JavaScript語(yǔ)言進(jìn)行包裝處理，為了是提供更好更方便快捷的DOM處理與開發(fā)常見中經(jīng)常使用的功能。我們可以用jQuery...

luck 2019-08-19 18:24 評(píng)論0 收藏0
jQuery 屬性與樣式

摘要：與中用方法來(lái)獲取和設(shè)置元素屬性是屬性的縮寫，在操作中會(huì)經(jīng)常用到有個(gè)表達(dá)式傳入屬性名獲取屬性的值屬性名屬性值設(shè)置屬性的值屬性名函數(shù)值設(shè)置屬性的函數(shù)值給指定元素設(shè)置多個(gè)屬性值，即屬性名一屬性值一屬性名二屬性值二刪除方法為匹配的元素集合中的每個(gè)元 .attr()與.removeAttr() jQuery中用attr()方法來(lái)獲取和設(shè)置元素屬性,attr是attribute（屬性）的縮寫，在j...

yibinnn 2019-08-21 11:52 評(píng)論0 收藏0
jQuery基礎(chǔ)(一) ：樣式篇

摘要：如下就是對(duì)象或是如下以下兩者的修改都是等價(jià)的但是使用不能很好的操作，所以可以將其轉(zhuǎn)換成對(duì)象把元素轉(zhuǎn)化成的對(duì)象總體，表示當(dāng)前的上下文對(duì)象是一個(gè)對(duì)象，可以調(diào)用對(duì)象所擁有的屬性和方法。代表的上下文對(duì)象是一個(gè)的上下文對(duì)象，可以調(diào)用的方法和屬性值。一：初識(shí) jquery： 1、 jQuery 只是一個(gè)庫(kù)，不需要特別的安裝，只需要我們?cè)陧?yè)面標(biāo)簽內(nèi)中通過 script 標(biāo)簽?zāi)_本引入 jQuer...

SegmentFault 2019-08-20 10:35 評(píng)論0 收藏0
jQuery入門筆記之（二）文檔對(duì)象模型

摘要：刪除指定的屬性，這個(gè)方法就不可以使用匿名函數(shù)，傳遞和均無(wú)效。遍歷對(duì)象數(shù)組索引，鍵，屬性名屬性值，值相當(dāng)于遍歷原生對(duì)象數(shù)組時(shí)，為元素。在使用使用時(shí)，可以使用傳入匿名函數(shù)的方法，實(shí)現(xiàn)由默認(rèn)到幾個(gè)之間的切換。轉(zhuǎn)自個(gè)人博客基礎(chǔ) DOM 和和 CSS 一. 設(shè)置元素及內(nèi)容我們通過前面所學(xué)習(xí)的各種選擇器、過濾器來(lái)得到我們想要操作的元素。這個(gè)時(shí)候，我們就可以對(duì)這些元素進(jìn)行 DOM 的操作。...

FleyX 2019-08-19 17:17 評(píng)論0 收藏0