jQuery按名称选择-IGI

时间：2020-02-23 14:46:13 　来源:igfitidea点击:

jQuery按名称选择或者jQuery元素选择器允许我们查找具有给定标签名称的所有HTML元素。
选择元素后，您可以进行任何类型的操作，例如动画设置或者任何其他特殊效果，并且更改将在相同类型或者标记名称的所有元素中生效。
之前我们学习了使用jQuery按id选择和按类选择jQuery。

jQuery按名称选择

以下是使用jQuery按名称选择的一般语法：

$('tagName')

任何标准HTML元素(例如div，li，img，p，em等)都可以用作" tagName"。
例如;

$('div')：此元素选择器将选择文档中的所有div元素。

$('p')：按名称选择的此jquery将考虑文档中的所有段落元素。

如果有多个<div>元素，则可以使用单个表达式$('div')更改文档中的所有<div>元素。

您可以在该<div>元素上隐藏，显示或者进行任何类型的操作。
这是使用此jQuery选择器的最大优势。

jQuery按名称选择示例

此示例演示了使用jQuery通过标签名称进行选择，我们将更改所选元素CSS样式。

<html>
<head>
<title>jQuery selector By Name</title>
<style>
div, span {
  width: 70px;
  height: 70px;
  float: left;
  padding: 12px;
  margin: 12px;
  background-color: #eee;
}
</style>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
 
<div>DIV 1</div>
SPAN 1 
<div>DIV 2</div>
SPAN 2 
 
<script>
$( "div" ).css( "border", "5px solid green" );
</script>
</body>
</html>

在此示例中，您可以看到选择器$(" div")被选中以更改CSS样式。
代码中的唯一更改是统一修改了所有div元素。

jQuery按名称选择