首页 > 软件开发 > JQUERY >

怎样使用jquery获得HMTL标签的值或元素的内容

来源:互联网 2023-03-17 00:47:28 版权归原作者所有,如有侵权,请联系我们

前端页面的制作离不开jquery的使用,jquery简单易用,很多时候用简洁的代码就能获得想要的元素的内容。下面介绍怎样使用jquery获得HMTL标签的值或元素的内容。Mb8办公区 - 实用经验教程分享!

第一步:获得操作的HTML对象。有以下几种常用方法

  • 1

    通过在HTML标签上添加id属性的方法获得对象。下面是一些常见的标签,添加了id属性,jquery可以通过“# id名称”的方式获得标签对象。Mb8办公区 - 实用经验教程分享!

    怎样使用jquery获得HMTL标签的值或元素的内容Mb8办公区 - 实用经验教程分享!

  • 2

    通过在HTML标签上添加class属性的方法获得对象,属性的名称可以自定义,下面是一些常见的标签添加了class属性,jquery可以通过“. class名称”来获得对象。Mb8办公区 - 实用经验教程分享!

    怎样使用jquery获得HMTL标签的值或元素的内容Mb8办公区 - 实用经验教程分享!

  • 3

    通过HTML标签的name属性获得对象。每一个标签都可以添加一个name属性,jquery可以通过name属性来获得对象。Mb8办公区 - 实用经验教程分享!

    怎样使用jquery获得HMTL标签的值或元素的内容Mb8办公区 - 实用经验教程分享!

  • 3此文章未经授权抓取自百度经验
  • 第二步:获得对象的值或内容。有以下几种常用方法

  • 1

    使用val() 方法。val()方法在jquery中是最常用的方法,一般通过“对象.val()”的形式来获得对象的值,下面例子就是获得input的value值。Mb8办公区 - 实用经验教程分享!

    怎样使用jquery获得HMTL标签的值或元素的内容Mb8办公区 - 实用经验教程分享!

  • 2

    使用text()方法。text()方法是获得对象的文本内容,即是html标签包含的文本内容,例如下面的代码,通过text()方法获得p标签的文本内容,即获得“这是p标签里面的内容.”。Mb8办公区 - 实用经验教程分享!

    怎样使用jquery获得HMTL标签的值或元素的内容Mb8办公区 - 实用经验教程分享!

  • 3

    使用html()方法。html()方法返回对象的内容,内容可以包括html标签。下面的代码,通过html()获得p标签的内容,即获得“这是p标签span>里面的内容/span>.”。Mb8办公区 - 实用经验教程分享!

    怎样使用jquery获得HMTL标签的值或元素的内容Mb8办公区 - 实用经验教程分享!

  • 4

    使用attr()方法。attr()方法返回被选元素的属性值,只要是标签的属性,都可以通过attr()方法获得。下面的代码实现了获得图片标签的高度。Mb8办公区 - 实用经验教程分享!

    怎样使用jquery获得HMTL标签的值或元素的内容Mb8办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!Mb8办公区 - 实用经验教程分享!


    标签: JQUERYHTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号