jQuery中的 html()、text() 、val()的区别

本文介绍了使用jQuery库中html(), text(), 和 val() 方法来获取网页元素的内容和表单值的基本用法。通过示例展示了如何分别获取带有标签的整体内容、纯文本内容以及表单元素的选定值。

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


1 html()获取标签中的所有内容(包括标签):

    例如:<div id = "divparent" >

                    XXX,您好:

                    <div id="divTest01">京东</div>

                    <div id="divTest02">天猫</div>

             </div>

    $("#divparent").html();  结果为:XXX,您好:<div id="divTest01">京东</div><div id="divTest02">天猫</div>


2 text()获取所有匹配元素的文本内容:

    例如:<div id = "divparent" >

                    XXX,您好:

                    <div id="divTest01">京东</div>

                    <div id="divTest02">天猫</div>

              </div>

    $("#divparent").text(); 结果为:XXX,您好:京东天猫


3 val()获取表单组件元素的值:

   例如:<select id="selectVal">

                   <option value="1" selected="selected">1</option>

                   <option value="2' >2</option>

               </select>

   $("#selectVal").val();结果为:1

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值