怎么获取html的某个元素,jquery怎么获取html元素的内容?

本文详细介绍了jQuery中获取HTML元素内容的三种方法:html()、text()和val()。html()返回元素的原始HTML内容,可能存在兼容性问题;text()返回元素的纯文本内容,不适用于input元素;val()主要用于获取input元素的值。了解这些方法对于前端开发至关重要。
摘要由CSDN通过智能技术生成

jquery获取html元素内容的方法:1、使用html(),可返回被选元素的内容,语法“$(selector).html()”;2、使用text(),可返回被选元素的文本内容,语法“$(selector).text()”。

4ca3e2d396a8c3e3ccacc466dd2cff9e.png

【相关推荐:jQuery视频教程】

1、html():返回原始HTML文档、但是在IE中可能存在兼容性,具体如下原理:使用innerHTML()

Document

我是一个p元素

你好

$(function(){

var str = $("#box").html();

console.log(str);

//

我是一个p元素

// 你好

//解释:该方法使用的是JS中的innerHTML()有些浏览器返回的结果可能不是原始文档的 HTML 源代码。例如,如果属性值只包含字母数字字符,Internet Explorer有时丢弃包裹属性值的引号

});

2、text():得到匹配元素集合中每个元素的合并文本,包括他们的后代.text() 方法不能使用在 input 元素或scripts元素上,input 或 textarea 需要使用 .val() 方法获取或设置文本值

得到scripts元素的值,使用.html()方法

Document

我是一个p元素

你好

$(function(){ var str = $("#box").text();

console.log(str); // 我是一个p元素

// 你好 });

3、val()方法元素的值是通过 value 属性设置的。

该方法大多用于 input 元素。

更多编程相关知识,请访问:编程课程!!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值