码迷,mamicode.com
首页 > Web开发 > 详细

jQuery三种锁定标签的方式

时间:2021-01-06 11:51:59      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:int   blank   html   UNC   区分   jquer   图片   ref   info   

目录

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

一、三种锁定标签的方式

1.知识点

  1. 标签名:$("");
  2. id:$("#");
  3. 类名:$(".");

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元素

技术图片

2.

jQuery三种锁定标签的方式

标签:int   blank   html   UNC   区分   jquer   图片   ref   info   

原文地址:https://www.cnblogs.com/volume-/p/14224463.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!