**项目中有很多用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();
//设置select的value为4的项选中
$(select).val(4);
//给select设置选中text为jquert的option
$("#select_id option[text='jQuery']").attr("selected", true);
7.判断一个DOM节点是否存在:$(元素).length>0 为真则存在。

本文总结了在项目中使用jQuery进行表单交互时的一些常用技巧,包括利用placeholder属性进行占位提示、通过change()方法触发事件、判断及操作checkbox/radio的状态、获取和设置select的选项等内容。

880

被折叠的 条评论
为什么被折叠?



