jquery 获取标签类型

jquery获取标签名称:

jquery tagName prop()

如果想看某个元素是什么元素类型，只需要使用：

[object]attr("tagName")便可获取。

jquery获取html文件的某个标签的值可以先用选择器，再调用val方法：

1、html代码如下：

<div id ="sa">

<div class="something">Hello world</div>

<div class="formdiv">

<form name="inpForm">

<input type="text" name="FirstName" />

<input type="submit" value="Submit" />

</form>

</div>

</div>

2、用jquery选择器获取标签的值：

var text = $('#sa')find('input[name="FirstName"]')val();

3、获取到FirstName的值：

zhangsan

1、新建html文档，在body标签中添加p标签，然后在head标签中引入jQuery文件：

2、在body标签中添加script标签，用jQuery选择器获取p标签，然后用html方法获取标签里面的内容并将结果输出：

3、用浏览器打开html文档，打开浏览器的控制台，可以看到标签中的内容已经被获取到了：

可以通过很多方式获取：id,name,class等都可以获取

$("#id")attr("自定义属性")

$("input[name="名称"]")attr("自定义属性")

$("class")attr("自定义属性")

模式就是这样的

1、addClass()，为元素标签添加class。

2、如图所示代码实现方式，addClass()，为元素标签添加多个class也可以的。

3、removeClass()，可以删除元素标签的class。

4、removeClass()，也可以删除元素标签的多个class。

5、toggleClass()，如果没有相关class，则添加，如果有，则删除。

6、css()，可以设置元素标签的属性。

7、css()，也可以返回元素标签的属性。

jquery中parent()可以获取父级元素，所以获得某元素父级的父级可以使用

1

$(selector)parent()parent();

示例如下

创建Html代码及css样式

1

2

3

4

5

6

7

8

9

<div class="class1">

class1

<div class="class2">

class2

<div class="class3">

class3

</div>

</div>

</div>

1

2

div{padding:10px 20px;border:4px solid #ebcbbe;}

divclass1{width:200px;height:120px;}

编写jquery代码

1

2

3

4

5

6

$(function(){

$("divclass3")click(function() {

obj = $(this)parent()parent();

alert(objprop('class'));

});

})

查看效果

$("");表示获取页面中所有的标签

$("div");表示获取页面所有的div标签

$("class");表示获取页面所有类名为class的标签

获取页面上的标签用$()就可以

以上就是关于jquery 获取标签类型全部的内容，包括:jquery 获取标签类型、jquery怎么获取html文件的某个标签的值、jquery中 怎样获得h1标签中的内容等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！