整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
常在用JQuery寫ajax時(shí)，都會(huì)用到html()這個(gè)方法，而不用text()這個(gè)方法，他們之間有什么區(qū)別呢?
html屬性中有兩個(gè)方法，一個(gè) 有參，一個(gè)無參。
無參html()：取得第一個(gè)匹配元素的html內(nèi)容。這個(gè)函數(shù)不能用于XML文檔。但可以用于XHTML文檔，返回的是一個(gè)string
例子：
html頁面代碼：<div><span>Hello</span></div>
JQuery代碼：$(“div”).html();
結(jié)果：<span>Hello</span>
有參html（val）：設(shè)置每一個(gè)匹配元素的html內(nèi)容。這個(gè)函數(shù)不能用于XML文檔。但可以用于XHTML文檔。返回一個(gè)JQuery對象
例子：
html頁面代碼：<div></div>
JQuery代碼：$(“div”).html(“<p>Nice to meet you</p>”);
結(jié)果：<div><p> Nice to meet you</p></div>（html標(biāo)簽會(huì)被瀏覽器識別）
text屬性中有兩個(gè)方法，一個(gè)有參，一個(gè)無參
無參text()：取得所有匹配元素的內(nèi)容。結(jié)果是由所有匹配元素包含的文本內(nèi)容組合起來的文本。返回的是一個(gè)string。
例子：
html頁面代碼：<p><span>Hello<span><div> fine</div></p>
JQuery代碼：$(“p”).text();
結(jié)果：Hello fine
有參text(val)：設(shè)置所有匹配元素的文本內(nèi)容,與 html() 類似, 但將編碼 HTML (將 “<” 和 “>” 替換成相應(yīng)的HTML實(shí)體).返回一個(gè)JQuery對象。
例子：
html頁面代碼：<div>Paragraph.</div>
JQuery代碼：$(“div”).text(“<b>Some</b> new text.”);
結(jié)果: <p><b>Some</b> new text.</p> （html標(biāo)簽不會(huì)被瀏覽器識別，而是當(dāng)作字符串來輸出）
通過上面的例子，我們知道 html()方法與text()方法的區(qū)別就在于對html標(biāo)簽的識別上不同。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script type="text/javascript" src="jquery-1.7.js"></script>
<script type="text/javascript">
<!--
function f1()
{
//text方法 只獲取標(biāo)簽中的文本內(nèi)容
alert($("#myDiv").text());
}
function f2()
{
//html方法 獲取指定標(biāo)簽中的html標(biāo)簽和內(nèi)容
alert($("#myDiv").html());
}
//-->
</script>
</head>
<body>
<div id="myDiv" style="border:5px solid red; width:300px;height:300px;">
<span style="color:blue; font-size:35px">大家好 我是div<span>
</div>
<input type="button" value="text()" onclick="f1()">
<input type="button" value="html()" onclick="f2()">
</body>
</html>
日常學(xué)習(xí)中，html，css和js我們都學(xué)過，起初分不清這三者的區(qū)別和聯(lián)系，隨著知識的增長，有了一些體會(huì)。來跟我一起看一下這三項(xiàng)技術(shù)都是什么，能干什么？
1、HTML—Hypertext Markup Language
超文本標(biāo)記語言。它通過標(biāo)記符號來標(biāo)記要顯示的網(wǎng)頁中的各個(gè)部分。網(wǎng)頁文件本身是一種文本文件，通過在文本文件中添加標(biāo)記符，可以告訴瀏覽器如何顯示其中的內(nèi)容（比如文字如何處理，畫面如何安排，圖片如何顯示等）。瀏覽器按順序閱讀網(wǎng)頁文件，然后根據(jù)標(biāo)記符解釋和顯示其標(biāo)記的內(nèi)容：
<html> <head> <title>HTML</title> </head> <body> </body> </html>
HTML文本中包含了所謂的“鏈接點(diǎn)”HTML利用超鏈接的方法，將各種不同空間的文字信息組織在一起的網(wǎng)狀文本。總的來說，HTML就是整合網(wǎng)頁結(jié)構(gòu)和內(nèi)容顯示的一種語言。
2、CSS—Cascading Style Sheet
層疊樣式表單。是將樣式信息與網(wǎng)頁內(nèi)容分離的一種標(biāo)記語言。我們在牛腩新聞發(fā)布系統(tǒng)中，我們使用過CSS文件，對一些標(biāo)簽的樣式進(jìn)行修改。
我們使用CSS為每個(gè)HTML元素定義樣式，也可以用于多個(gè)界面。進(jìn)行全局更新時(shí)，只需修改樣式即可。
body { border :1px solid #000;/*整體的邊框*/ font-size :14px; }
說白了，CSS就是設(shè)置網(wǎng)頁上HTML元素屬性的語言。
3、JavaScript
一開始特別郁悶為什么它的名字跟Java如此相似?
這是典型的市場營銷方面的成功，它的推廣成功,也是借了Java的東風(fēng)。當(dāng)微軟開始意識到Javascript在Web開發(fā)人員中流行起來時(shí)，微軟還是一貫風(fēng)格，建立了自己的腳本語言，JScript。
Javascript是一種基于對象(Object)和事件驅(qū)動(dòng)(Event Driven)并具有安全性能的腳本語言。使用它的目的是與HTML超文本標(biāo)記語言、Java腳本語言(Java小程序)一起實(shí)現(xiàn)在一個(gè)Web頁面中鏈接多個(gè)對象，與Web客戶交互作用。例如可以設(shè)置鼠標(biāo)懸停效果，在客戶端驗(yàn)證表單，創(chuàng)建定制的HTML頁面，顯示警告框，設(shè)置cookie等等。
function jsHello{ alert('Hello World！'); }
把代碼嵌入HTML語言中，它會(huì)在加載時(shí)彈出一個(gè)“Hello World”對話框。至于怎么嵌入的，我們在學(xué)習(xí)JS視頻之初就已經(jīng)知道了。
關(guān)于 HTML、CSS與JS的區(qū)別就給大家介紹這么多，學(xué)習(xí)最重要的還是要靠自己，掌握正確的學(xué)習(xí)技巧，并持之以恒的堅(jiān)持下去，就能攻克！
感謝閱讀，如果覺得本文對你有幫助，記得點(diǎn)個(gè)贊再走哦~
*請認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
