jquery类似方法的比较(一)

本文详细解析了jQuery中的$(div+p), $(div~p), $(divp), $(div>p)选择器的功能及用法,同时介绍了text(), html(), val()方法在获取文本、HTML内容和表单值方面的差异与应用。通过实例演示,帮助开发者更好地理解和运用这些选择器与方法,提升前端开发技能。

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

1、

$(div + p) & $(div ~ p) & $(div p) & $(div > p)

$(div + p)选择紧挨在div后面的P元素

$(div ~ p)选择div后面的所有同级P元素

$(div p)选择div的后代元素中的所有的P元素,不仅仅是子元素

$(div > p)选择div的子元素中的所有P元素

2、text() & html() &val()

text()获取所有选中元素中的文本的合并结果,但不能使用到input、textarea等表单元素和script标签上,如果带有参数则为所有选中的元素赋值

val()主要用户获取input、textarea、select、checkbox、radio等表单元素的值,只获取匹配元素中的第一个的值。如果val()带有参数则是为赋值操作。

html()获取匹配元素中的第一个的内容,如果带有参数则是将参数插入到调用它的元素中,并替换掉该元素中的原有值。

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值