django学习入门系列之第七点《jQuery寻找标签》

最新推荐文章于 2024-09-06 09:43:06 发布

铁匠匠匠

最新推荐文章于 2024-09-06 09:43:06 发布

阅读量1k

点赞数 23

分类专栏： django 文章标签： django 学习 jquery python 前端框架前端笔记

本文链接：https://blog.csdn.net/qq_62548908/article/details/140819864

版权

django 专栏收录该内容

71 篇文章 0 订阅

订阅专栏

文章目录

寻找标签（直接寻找）
往期回顾

寻找标签（直接寻找）

ID选择器

<h1 id="txt">中国移动</h1>
<h1>中国移动</h1>
<h1>中国移动</h1>

//如果想通过jQery来进行寻找
//# 代表 id等于这个值

//则用 $("#id")，选择id="txt"类的标签
$("#txt")

eg:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--如果像通过-->
<h1 id="txt">中国移动</h1>
<h1>中国移动</h1>
<h1>中国移动</h1>

<script src="/static/js/js.js"></script>
<script type="text/javascript">
    $("#txt").text("广西移动")

</script>
</body>
</html>

样式选择器/类选择器

<h1 class="c1">中国移动</h1>
<h1 class="c2">中国移动</h1>
<h1 class="c3">中国移动</h1>

//选择class="c1“类的标签
$(".c1")

eg:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--如果像通过-->
<h1 id="txt">中国移动</h1>
<h1 class="c1">中国移动</h1>
<h1 class="c2">中国移动</h1>
<h1 class="c3">中国移动</h1>

<script src="/static/js/js.js"></script>
<script type="text/javascript">
    $("#txt").text("广西移动")
    $(".c1").text("广州移动")
</script>
</body>
</html>

标签选择器

<h1 id="txt">中国移动</h1>
<h1 class="c1">中国移动</h1>
<div>中国移动</div>
<h1 class="c2">中国移动</h1>
<h1 class="c3">中国移动</h1>

//选择h1的标签 
$("h1")

eg：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--如果像通过-->
<h1 id="txt">中国移动</h1>
<h1 class="c1">中国移动</h1>
<div>中国移动</div>
<h1 class="c2">中国移动</h1>
<h1 class="c3">中国移动</h1>

<script src="/static/js/js.js"></script>
<script type="text/javascript">
    $("h1").text("广西移动")
</script>
</body>
</html>