jQuery三种锁定标签的方式

时间：2021-01-06 11:51:59 收藏：0 阅读：0

目录
[toc]

一个测试的网站：https://www.w3school.com.cn/tiy/t.asp?f=js_jquery_queryselectorall

一、三种锁定标签的方式

1.知识点

标签名：$("");
id：$("#");
类名：$(".");

2.例子

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery.min.js"></script>
</head>
<body>

<p class="intro" id=‘demo‘>Hello World!</p>
<p class="intro" id=‘demo‘>Hello China!</p>
<p class="intro">Hello Shanghai!</p>

<p id="demo1"></p>

<script>
$(document).ready(function() {
  var myElements = $("p");
  $("#demo1").text("【here】" + myElements[2].innerHTML);
});
</script>

</body>
</html>

技术图片

var myElements = $(".intro");
$("#demo1").text("【here】" + myElements[2].innerHTML);

技术图片

var myElements = $("#demo");
$("#demo1").text("【here】" + myElements[0].innerHTML);

技术图片

3.区分

这是jQuery中的$：如果只匹配到一个标签的话，那么就直接是它；多个的话，得到的是列表，需要xxx[i]来获取其内元素。
而不是Chrome控制台中的$命令：返回第一个匹配到的标签。

技术图片

4. 进阶用法

标签名加上类名或者id ：来进一步锁定

var myElements = $("p.intro");

var myElements = $("p#demo");

二、用途：

1. 锁定body元素

技术图片

jQuery三种锁定标签的方式

目录[toc]

一、三种锁定标签的方式

1.知识点

2.例子

3.区分

4. 进阶用法

二、用途：

1. 锁定body元素

2.

目录
[toc]