06-jQuery核心函数

iWarming

于 2018-12-01 17:12:33 发布

阅读量173

点赞数

分类专栏： jQuery

本文链接：https://blog.youkuaiyun.com/csdn9228/article/details/84675545

版权

jQuery 专栏收录该内容

23 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>06-jQuery核心函数</title>
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script>
    //$();就代表调用jquery的核心函数

    //1.接收一个函数
    $(function () {
      alert("hello world");

    //2.接收一个字符串

    //2.1接收一个字符串选择器
      //返回一个jquery对象，对象中保存了找到的DOM元素
    var $box1 = $(".box1");
    var $box2 = $("#box2");
    console.log($box1);
    console.log($box2);
    //2.2接收一个代码片段
      //返回一个jquery对象，对象中保存了创建的DOM元素
      var $p = $("<p>我是一个测试段落</p>");
      console.log($p);
      $box1.append($p);
    //3接收一个DOM元素

      var span = document.getElementsByTagName("span")[0];
      console.log(span);

      //会被包装成jQuery对象返回给我们
      var $span = $(span);
      console.log($span);

    });
  </script>
</head>
<body>
<div class="box1"></div>
<div id="box2"></div>
<span>这是span</span>
</body>
</html>