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

来源：互联网 2023-03-16 19:15:31 107

前端页面的制作离不开jquery的使用，jquery简单易用，很多时候用简洁的代码就能获得想要的元素的内容。下面介绍怎样使用jquery获得HMTL标签的值或元素的内容。

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

通过在HTML标签上添加id属性的方法获得对象。下面是一些常见的标签，添加了id属性，jquery可以通过“# id名称”的方式获得标签对象。

通过在HTML标签上添加class属性的方法获得对象，属性的名称可以自定义，下面是一些常见的标签添加了class属性，jquery可以通过“. class名称”来获得对象。

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

通过HTML标签的name属性获得对象。每一个标签都可以添加一个name属性，jquery可以通过name属性来获得对象。

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

3此文章未经授权抓取自百度经验

使用val() 方法。val()方法在jquery中是最常用的方法，一般通过“对象.val()”的形式来获得对象的值，下面例子就是获得input的value值。

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

使用text()方法。text()方法是获得对象的文本内容，即是html标签包含的文本内容，例如下面的代码，通过text()方法获得p标签的文本内容，即获得“这是p标签里面的内容.”。

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

使用html()方法。html()方法返回对象的内容，内容可以包括html标签。下面的代码，通过html()获得p标签的内容，即获得“这是p标签span>里面的内容/span>.”。

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

使用attr()方法。attr()方法返回被选元素的属性值，只要是标签的属性，都可以通过attr()方法获得。下面的代码实现了获得图片标签的高度。

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

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！

标签： JQUERY HTML