操作form表單

1、?屬性操作

設(shè)置屬性：

// 第一個(gè)參數(shù)表示：要設(shè)置的屬性名稱(chēng)

// 第二個(gè)參數(shù)表示：該屬性名稱(chēng)對(duì)應(yīng)的值

$(selector).attr(“title”, “傳智播客”);

獲取屬性：

// 參數(shù)為：要獲取的屬性的名稱(chēng)，改操作會(huì)返回指定屬性對(duì)應(yīng)的值

$(selector).attr(“title”);

此時(shí)，返回指定屬性的值

移除屬性：

// 參數(shù)為：要移除的屬性的名稱(chēng)

$(selector).removeAttr(“title”);

注意：checked、selected、disabled要使用.prop()方法。

prop方法通常用來(lái)影響DOM元素的動(dòng)態(tài)狀態(tài)，而不是改變的HTML屬性。例如：input和button的disabled特性，以及checkbox的checked特性。

細(xì)節(jié)參考：http://api.jquery.com/prop/

2、?值和內(nèi)容

val()方法：

作用：設(shè)置或返回表單元素的值，例如：input,select,textarea的值

// 獲取匹配元素的值，只匹配第一個(gè)元素

$(selector).val();

// 設(shè)置所有匹配到的元素的值

$(selector).val(“具體值”);?

text() 方法:

作用：設(shè)置或獲取匹配元素的文本內(nèi)容

//獲取操作不帶參數(shù)（注意：這時(shí)候會(huì)把所有匹配到的元素內(nèi)容拼接為一個(gè)字符串，不同于其他獲取操作！）

$(selector).text();

//設(shè)置操作帶參數(shù)，參數(shù)表示要設(shè)置的文本內(nèi)容

// 如果設(shè)置的內(nèi)容包含html標(biāo)簽（<span>我要?jiǎng)討B(tài)創(chuàng)建span，這時(shí)候行嗎？</span>），那么text這個(gè)方法會(huì)把他們當(dāng)作文本內(nèi)容輸出，而不會(huì)創(chuàng)建元素。這個(gè)text()和html()方的主要區(qū)別

$(selector).text(“我是內(nèi)容”);

3、val()、text()和html()的區(qū)別

1 <script> 2 $(function(){ 3 //val() 4 alert($("input").val());//val(),獲取標(biāo)簽中的value值的內(nèi)容 5 $("input").val("我是剛剛賦值的input"); 6 //text() 7 alert($("div").text());//獲取雙閉合標(biāo)簽中的文本,不識(shí)別標(biāo)簽 8 $("div").text("我是剛剛賦值的div"); 9 //html() 10 alert($("div").html());//獲取雙閉合標(biāo)簽中的文本值，識(shí)別標(biāo)簽 11 $("div").html("<li>我是html賦值的</li>") 12 13 }) 14 </script>

?

轉(zhuǎn)載于:https://www.cnblogs.com/le220/p/7828980.html

總結(jié)

以上是生活随笔為你收集整理的第83天：jQuery中操作form表单的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。