jquery常用表單&DOM操作方法

Creabine發表於2016-07-26
**專案中有很多用jquery寫的表單互動,在寫的過程中發現很多常用的表單和DOM操作方法經常記不住,這次搞定了,下次到這裡又忘了是怎麼寫。在這裡總結一下,方便查閱記憶。**

表單元素操作:

1.<input tyle="texy" placeholder="你的姓名..."/> 中,使用placeholder做佔位提示。

2.<textarea placeholder="Please input ..." cols="10" rows="5"></textarea>

3.可以使用$(元素).change()主動觸發該元素的onchange()事件,該事件僅對文text,textarea和select元素有效。類似的jquery方法還有click();blur();focus()等。

4.`如何用jquery判斷checkbox 和 radio中是否被選中:$(元素).is(“:checked”) == true || false

5.使用jquery操作checkbox 和 radio 的選中:

$(元素).attr("checked","checked")
$(元素).removeAttr("checked")

6.關於select 和 option

//獲取選中的option物件
$(select).find("option:selected");
//獲取select選擇的value
$(select).val();
//設定selectvalue4的項選中
$(select).val(4);
//給select設定選中text為jquert的option
$("#select_id option[text='jQuery']").attr("selected", true); 

7.判斷一個DOM節點是否存在:$(元素).length>0 為真則存在。

相關文章