您的浏览器过于古老 & 陈旧。为了更好的访问体验, 请 升级你的浏览器
Ready 发布于2014年08月15日 12:23

原创 jQuery 选择器(tagName)详解

5226 次浏览 读完需要≈ 4 分钟

内容目录

jQuery的tagName选择器(标签选择器)用于匹配所有HTML标签名为tagName的元素,将其封装为jQuery对象并返回。

该选择器的作用,类似于document.getElementsByTagName(tagName),只不过一个是返回DOM元素的数组,一个是返回封装了该DOM元素数组的jQuery对象。

语法

// 这里的tagName指的是具体的标签名
jQuery( "tagName" )

参数

参数 描述
tagName 指定的标签名称。

标签名称不区分大小写。

返回值

返回封装了指定标签名称的DOM元素的jQuery对象。

由于一个文档中可以存在多个同名的标签,因此返回的jQuery对象内部可能封装了多个DOM元素。如果找不到对应标签名的DOM元素,则返回一个空的jQuery对象。

示例&说明

以下面这段HTML代码为例:

<div id="myDiv">
	<p id="java"></p>
	<p id="php">
		<span id="abc.func"></span>
	</p>
</div>

现在,我们想要查找所有的p标签DOM元素,其jQuery代码如下:

// 选择了id为java、php的两个元素
$("p");
// 标签名称不区分大小写,下面这种方式也是可以的,不过建议统一为小写形式
// $("P");

如果要查找所有的div标签DOM元素,其jQuery代码如下:

// 选择了id为myDiv的一个元素
$("div");

运行代码

  • CodePlayer技术交流群1
  • CodePlayer技术交流群2

0 条评论

撰写评论

打开导航菜单