jquery怎样获取html的内容?下面本篇文章给大家介绍一下使用jquery获取html内容的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

jquery获取html元素内容的方法

方法1:使用html()方法

html()可以设置或返回所选元素的内容(包括 HTML 标记)当该方法用于返回内容时,则返回第一个匹配元素的内容。

当该方法用于设置内容时,则重写所有匹配元素的内容。

示例:

$(document).ready(function(){

$("button").click(function(){

alert($("p").html());

});

});

修改这个P元素的内容

这是一个 段落

方法2:使用text()方法

text()方法可以设置或返回被选元素的文本内容。当该方法用于返回内容时,则返回所有匹配元素的文本内容(会删除 HTML 标记)。

当该方法用于设置内容时,则重写所有匹配元素的内容。

示例:

$(document).ready(function(){

$("button").click(function(){

alert($("p").text());

});

});

返回所有p元素的文本内容

这是一个段落。

这是另一个段落。

方法3:使用val()方法

val() 方法返回或设置被选元素的 value 属性。当用于返回值时,该方法返回第一个匹配元素的 value 属性的值。

当用于设置值时,该方法设置所有匹配元素的 value 属性的值。

注意:val() 方法通常与 HTML 表单元素一起使用。

示例:

$(document).ready(function(){

$("button").click(function(){

alert($("input:text").val());

});

});

第一个名称:

最后一个名称:

返回第一个输入字段的值

更多web前端知识,请查阅 HTML中文网 !!

jq获取当前完整html,jquery怎样获取html的内容?相关推荐

  1. jq自动获取html的值,jquery如何获取class值?

    在jquery中,可以使用attr()方法来获取class的值,因为class本身也是元素的一个属性. attr() 方法设置或返回被选元素的属性和值. 1.返回属性的值:$(selector).at ...

  2. PHP中如何获取radio的值,Jquery如何获取radio选中值的示例详解

    随着Jquery的作用越来越大,使用的朋友也越来越多.在Web中,由于CheckBox.Radiobutton .DropDownList等控件使用的频率比较高,就关系到这些控件在Jquery中的操作 ...

  3. html获取qq头像代码,jQuery在线获取QQ名称和头像

    正文 昨天群里有人问到dux主题的评论处输入QQ号直接获取名称和头像是怎么实现的,我看了一下dux主题,发现并没有集成这个功能,倒是emlog的dux主题内置了这个功能,本来想移植过来wordpres ...

  4. php+获取jq表单数据类型,jquery怎么获取表单标签值

    在日常开发过程中,有许多用到表单的地方.比如登录,注册,比如支付,填写订单,比如后台管理等等. 使用jQuery来获取表单的值是比较常见的做法. 常见表单 单行文字域: 密码域: 单选:男 女 男 女 ...

  5. 如何JQ将下拉列表的值传送给php,JQuery设置获取下拉菜单某个选项的值(比较全)...

    JQuery获取和设置Select选项 获取Select : 获取select 选中的 text : $("#ddlRegType").find("option:sele ...

  6. 小程序云开发获取手机号完整代码 云函数中网络请求第三方接口

    小程序云开发获取手机号完整代码 效果图: 小程序代码 <button open-type="getPhoneNumber" bindgetphonenumber=" ...

  7. jquery怎么获取radio的值

    使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio 项的值,所以要加checked来筛选,比如有以下的一些radio项: 1 ...

  8. Bash脚本获取自身完整路径的可靠方法

    本文翻译自:Reliable way for a Bash script to get the full path to itself [duplicate] This question alread ...

  9. [jQuery]无法获取隐藏元素(display:none)宽度(width)和高度(height)的新解决方案

    在做茶城网改版工作的时候,又遇到一个新问题,我需要用jQuery写一个通过点击左右图标来翻阅图片的小插件,写好后测试可以正常运行,但是放到Tab中后发现只有第一个Tab中的代码能够正常运行,其它全部罢 ...

最新文章

  1. MPB:生态环境中心张丽梅组-​植物微生物组DNA提取扩增及溯源分析(视频)
  2. 浪潮存储linux登录密码,登录存储系统CLI管理界面(用户名+密码)
  3. 2017年11月01日普及组 I Got a Matrix!
  4. vue computed 使用小问题
  5. Sonar与jenkins集成
  6. 被引10万次:21世纪高被引论文Top 10
  7. 信息奥赛一本通的递推练习
  8. Swift 后端开发
  9. 7-11 mmh学长的万能日历 (20分)
  10. 10部残酷惨烈的要塞攻防电影
  11. 樊登读书搞定读后感_樊登读书法的读后感。
  12. 15种方法活力一整天
  13. [英语阅读]希腊古剧场对高跟鞋说“不”
  14. stm8L-----ADC获取芯片内部参考电压
  15. Portapack应用开发教程(十二) SSTV接收机 A
  16. 易语言特征码定位工具源码
  17. 各种图片格式综述(转载)
  18. 迪士尼2016年压轴巨作---《海洋奇缘》观后感
  19. LaTeX中插入两个并排的图片
  20. 降级论–只需要降级,就能创造更大的价值,也能获得更大的满足。

热门文章

  1. 拒绝双写:巧用Lindorm数据订阅
  2. Spark内置图像数据源初探
  3. 首次披露!阿里线下智能方案进化史
  4. 日志服务与SIEM(如Splunk)集成方案实战
  5. 移动推送消息送达常见问题与解决办法
  6. 玩 High API 系列之:智能云相册
  7. 直击“上云”痛点的 MSP 新生意
  8. 百度现场面试:JVM+算法+Redis+数据库!(三面)| CSDN博文精选
  9. 华为发布开发者召集令,等你来战!
  10. 同样是消息队列,Kafka凭什么速度那么快?