06-jQuery核心函数

<!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>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值