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

前端页面的建造离不开jquery的利用,jquery简单易用,良多时辰用简练的代码就能获得想要的元素的内容 。 下面介绍如何利用jquery获得HMTL标签的值或元素的内容 。
第一步:获得操作的HTML对象 。 有以下几种常用方式1经由过程在HTML标签上添加id属性的方式获得对象 。 下面是一些常见的标签,添加了id属性,jquery可以经由过程“#+id名称”的体例获得标签对象 。

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

文章插图

2经由过程在HTML标签上添加class属性的方式获得对象,属性的名称可以自界说,下面是一些常见的标签添加了class属性,jquery可以经由过程“.+class名称”来获得对象 。

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

文章插图

3经由过程HTML标签的name属性获得对象 。 每一个标签都可以添加一个name属性,jquery可以经由过程name属性来获得对象 。

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

文章插图

第二步:获得对象的值或内容 。 有以下几种常用方式1利用val() 方式 。 val()方式在jquery中是最常用的方式,一般经由过程“对象.val()”的形式来获得对象的值,下面例子就是获得input的value值 。

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

文章插图

2利用text()方式 。 text()方式是获得对象的文本内容,便是html标签包含的文本内容,例如下面的代码,经由过程text()方式获得p标签的文本内容,即获得“这是p标签里面的内容.” 。

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

文章插图

3利用html()方式 。 html()方式返回对象的内容,内容可以包罗html标签 。 下面的代码,经由过程html()获得p标签的内容,即获得“这是p标签<span>里面的内容</span>.” 。

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

文章插图

4【怎样使用jquery获得HMTL标签的值或元素的内容】利用attr()方式 。 attr()方式返回被选元素的属性值,只如果标签的属性,都可以经由过程attr()方式获得 。 下面的代码实现了获得图片标签的高度 。

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

文章插图


以上内容就是怎样使用jquery获得HMTL标签的值或元素的内容的内容啦,希望对你有所帮助哦!

    推荐阅读