jquery 相關(guān)知識

1、jquery
    www.php100.com/manaul/jquery
2、各種實(shí)例
    選擇器
        1、#xx
            <div id='t1'>
        $字符=jQuery
        $("#t1") 查找id
        2、.xx
         $('.t2') 查找class
        3、查找標(biāo)簽
         $('p')
        4、聯(lián)合查找  空格跟逗號
        $("#tt p") tt下面的所有的p標(biāo)簽
        5、查找所有的class下的標(biāo)簽
        $(".t5,a") 查找t5下面的所有的標(biāo)簽
        
        text、password 專屬于input
        siblings：所有兄弟標(biāo)簽
        map：循環(huán)多個(gè)標(biāo)簽中的每一個(gè)標(biāo)簽
        text -文本
        html：內(nèi)容 含標(biāo)簽
        val -input,select,textarea
        trim:去空格

3、jquery中html 與 text方法的區(qū)別
首先，html屬性中有兩個(gè)方法，一個(gè)有參，一個(gè)無參。下面我們都用實(shí)例來看看，這樣比較容易幫助理解。

（1）. 無參html（）：取得第一個(gè)匹配元素的html內(nèi)容。這個(gè)函數(shù)不能用于XML文檔。但可以用于XHTML文檔，返回的是一個(gè)String

例子：

html頁面代碼：<div><span>Hello</span></div>

jquery代碼：$(“div”).html();

結(jié)果：<span>Hello</span>

（2）.有參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)簽會被瀏覽器識別）

其次，text屬性中有兩個(gè)方法，一個(gè)有參，一個(gè)無參

（1） 無參text（）：取得所有匹配元素的內(nèi)容。結(jié)果是由所有匹配元素包含的文本內(nèi)容組合起來的文本。返回的是一個(gè)String。

例子：

html頁面代碼：<p><span>Hello<span><div> fine</div></p>

jquery代碼：$(“p”).text();

結(jié)果：Hello

fine

（2）.有參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)簽不會被瀏覽器識別，而是當(dāng)作字符串來輸出）

通過上面的例子，我們知道了，html()方法與text()方法的區(qū)別就在于對html標(biāo)簽的識別上不同。