jquery中的html(),val(),text()方法总结

jquery中不可能避免的要获取或者设置元素的内容,此时,就要用到上面的方法,对于新手来说,这三个方法经常会混淆,所以我在这里总结一下,个人经验,如有错误,请指正!

text方法,html方法和val方法的用法类似,都可以实现获取和设置元素内容的效果,具体为:方法传入参数,则为设置该元素的内容,不传参数则为查看元素的内容;但根据不同的场景要使用不同的方法:

1、在input表单元素中,设置和查看元素的内容,要使用val方法. 该方法相当于查看元素的行内样式或是设置元素的行内样式;

2、在非表单元素中,又可以分为两种情况;
2.1、如果要设置或查看的元素内容是纯文本,那么用text和html均可;
2.2、如果设置或查看的内容是含有标签的,那么此时就只能使用html方法了;

总结一下:val() 方法返回或设置被选元素的值,该方法大多用于 input 元素;text() 方法方法设置或返回被选元素的文本内容;html() 方法返回或设置被选元素的内容 (inner HTML),包括标签;

原生js里面的value,innerText,innerHTML属性的用法与上面的三个方法类似;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值