jQuery的核心函数

Posted 2020-11-26 god1

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jQuery的核心函数相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>06-jQuery核心函数</title>
  <script src="../js/jquery-3.4.1.js"></script>
 <script>
   // $();就代表调用jQuery的核心函数
   //1.接受一个函数
   $(function () {
    alert("helloaInj");
     //2.接收一个字符窜选择器 返回一个jQuery对象
   var $box1=$(".box1");
     console.log($box1);
     var $box2=$("#box2");
     console.log($box2);
     //3.接受一个代码片段返回一个jQuery对象 对象中保存了创建的Dom元素
    var $p= $("<p>我是段落</p>");
     console.log($p);
     $box1.append($p);
     //4.接收一个DOm元素 会被包装成一个jQuery对象
  var span=document.getElementsByTagName("span")[0];
     console.log(span);
   var $span=  $(span);
     console.log($span);
   });

 </script>
</head>
<body>
<div class="box1"></div>
<div class="box2"></div>
<span>我是span</span>
</body>
</html>

以上是关于jQuery的核心函数的主要内容，如果未能解决你的问题，请参考以下文章