jquery常用表单&DOM操作方法

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

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

**项目中有很多用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 为真则存在。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值