安装或设置
1 标记名称表示 DOM 中可用的标记名称。例如,$('p')
选择文档中的所有段落 <p>
。
2 标记 ID 表示 DOM 中给定 ID 可用的标记。例如,$('#some-id')
选择文档中具有 some-id ID 的单个元素。
3 Tag Class 表示 DOM 中给定类可用的标记。例如,$('.some-class')
选择文档中具有某类类的所有元素。
以上所有项目可以单独使用,也可以与其他选择器结合使用。除了一些调整之外,所有 jQuery 选择器都基于相同的原理。
注 - 工厂 function $()
是 jQuery()
功能的同义词。因此,如果你使用任何其他 JavaScript 库,其中$ sign 与其他东西冲突,那么你可以用 jQuery 名称替换$ sign,你可以使用函数 jQuery()
而不是$()。
示例以下是使用标记选择器的简单示例。这将选择标签名为 p 的所有元素,并将其背景设置为黄色。
<html>
<head>
<title>The jQuery Example</title>
<script type = "text/javascript"
src = "http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type = "text/javascript" language = "javascript">
$(document).ready(function() {
$("p").css("background-color", "yellow");
});
</script>
</head>
<body>
<div>
<p class = "myclass">This is a paragraph.</p>
<p id = "myid">This is second paragraph.</p>
<p>This is third paragraph.</p>
</div>
</body>
</html>