jQuery HTML設(shè)置內(nèi)容和屬性操作實(shí)例分析

第jQueryHTML設(shè)置內(nèi)容和屬性操作實(shí)例分析

本文實(shí)例講述了jQueryHTML設(shè)置內(nèi)容和屬性操作。分享給大家供大家參考，具體如下：

jQuery-設(shè)置內(nèi)容和屬性

設(shè)置內(nèi)容-text()、html()以及val()

將使用前一章中的三個相同的方法來設(shè)置內(nèi)容：

text()-設(shè)置或返回所選元素的文本內(nèi)容

html()-設(shè)置或返回所選元素的內(nèi)容（包括HTML標(biāo)記）

val()-設(shè)置或返回表單字段的值

$(#btn1).click(function(){

$(#test1).text(Helloworld!

$(#btn2).click(function(){

$(#test2).html(bHelloworld!/b

$(#btn3).click(function(){

$(#test3).val(jb51

text()、html()以及val()的回調(diào)函數(shù)

上面的三個jQuery方法：text()、html()以及val()，同樣擁有回調(diào)函數(shù)?；卣{(diào)函數(shù)有兩個參數(shù)：被選元素列表中當(dāng)前元素的下標(biāo)，以及原始（舊的）值。然后以函數(shù)新值返回您希望使用的字符串。

下面的例子演示帶有回調(diào)函數(shù)的text()和html()：

$(#btn1).click(function(){

$(#test1).text(function(i,origText){

return舊文本:+origText+新文本:Helloworld!(index:+i+)

$(#btn2).click(function(){

$(#test2).html(function(i,origText){

return舊html:+origText+新html:Hellobworld!/b(index:+i+)

設(shè)置屬性-attr()

jQueryattr()方法也用于設(shè)置/改變屬性值。

下面的例子演示如何改變（設(shè)置）鏈接中href屬性的值：

$(button).click(function(){

$(#jb51).attr(href,///jquery

attr()方法也允許同時設(shè)置多個屬性。

下面的例子演示如何同時設(shè)置href和title屬性：

$(button).click(function(){

$(#jb51).attr({

href:///jquery,

title:jQuery教程

attr()的回調(diào)函數(shù)

jQuery方法attr()，也提供回調(diào)函數(shù)?；卣{(diào)函數(shù)有兩個參數(shù)：被選元素列表中當(dāng)前元素的下標(biāo)，以及原始（舊的）值。然后以函數(shù)新值返回您希望使用的字符串。

下面的例子演示帶有回調(diào)函數(shù)的attr()方法：

$(button).click(function(){

$(#jb51)