jQuery html(),text(),val()區別
本章節介紹一下標題中三個方法的區別。
雖然比較簡單,但是可能對於初學者還是有點難度的,下面就對它們做一下簡單介紹。
一.val()方法:
此方法和其他兩個方法最容易區分。
因為此方法專門針對表單元素的value屬性值。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ var inputVal=$("input").val(); var divText=$("#antzone").val(); $("#show").text("input的value值:" +inputVal+",div的內部文字是:" +divText) }) </script> </head> <body> <input type="text" value="softwhy.com"/> <div id="antzone">螞蟻部落</div> <div id="show"></div> </body> </html>
從上面的程式碼可以看出,val()方法只針對表單元素的value屬性值。
二.text()和html()方法:
text方法會對元素內容中的<和>編碼為HTML字元實體,而html方法不會。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#txt").text("<b>螞蟻部落</b>"); $("#html").html("<b>螞蟻部落</b>"); }) </script> </head> <body> <div id="txt"></div> <div id="html"></div> </body> </html>
正因為text方法對html標籤編碼為html字元實體,所以才會在第一個div中將標籤輸出,而html方法不會編碼,直接原樣輸出,那麼就會被瀏覽器給解析。
相關文章
- JQuery中的html() text() val()區別jQueryHTML
- text(),val()和html()區別是什麼HTML
- JQuery中html()和val()的用法區別jQueryHTML
- jQuery的html()和text()區別jQueryHTML
- jQuery的text()、html()和val()函式用法簡單介紹jQueryHTML函式
- text/html和text/plain的區別HTMLAI
- jQuery val()jQuery
- v-html 、v-text({{}}) 、v-model的區別HTML
- jQuery中empty與html("")的區別對比jQueryHTML
- XML和HTML的主要區別、 jQuery 能做什麼?JavaScript中的“=、==、===”區別?XMLHTMLjQueryJavaScript
- jQuery text()jQuery
- jQuery :textjQuery
- jQuery屬性操作之.val()函式jQuery函式
- [vue] 常見用法之 v-html、v-text、v-model區別VueHTML
- JQuery this和$(this)的區別jQuery
- jquery $(this) 和this的區別jQuery
- jQuery not()和filter()區別jQueryFilter
- 在Python中,val、exec和 compile 有什麼區別?PythonCompile
- MySQL中TEXT與BLOB欄位型別的區別MySql型別
- jQuery filter()和find()區別jQueryFilter
- jQuery parents()和parent()區別jQuery
- jQuery使用val()方法設定或者獲取value值jQuery
- MIME郵件的multipart型別與text型別的區別型別
- mysql索引型別Normal,Unique,Full Text區別以及索引方法Btree,Hash的區別MySql索引型別ORM
- HTML與XHTML的區別HTML
- append()與html() 區別APPHTML
- java和html的區別JavaHTML
- 在xpath中text()和string(.)的區別
- jquery prop和attr的區別jQuery
- jQuery mouseleave和mouseout 區別jQuery
- 區別 Jquery物件和Dom物件jQuery物件
- $(function(){})與(function($){....})(jQuery)的區別FunctionjQuery
- HTML5和HTML4的區別HTML
- jQuery之text()的實現jQuery
- jQuery htmljQueryHTML
- jQuery html()jQueryHTML
- jQuery.extend和jQuery.fn.extend的區別jQuery
- V$sql_text v$sqlarea v$sql 的區別SQL