当前博客:Jquery选择器-单层选择器

155 次浏览【转载需注明来源】

博客作者:【临界点】

个性签名:寒窗苦读十年一朝凤舞九天

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <div id="mydiv1" class="blue">元素选择器</div>
  <div id="mydiv1">id选择器1 <span>span中的内容</span></div>

  <span class="blue">样式选择器</span>

</body>

<script src="jquery-3.7.1.js" type="text/javascript" charset="UTF-8"></script>

<script>
  /* id选择器 */
  var mydiv = $("#mydiv1") //只能选择第一个
  console.log(mydiv)
  /* class选择器 */
  var clas = $(".blue")
  console.log(clas)
  /* 元素选择器 */
  var spans = $("span")
  console.log(spans[0]["outerHTML"])

</script>

</html>

Jquery选择器-单层选择器