zoukankan      html  css  js  c++  java
  • jQuery核心函数

    $();或jQuery();就代表了调用jQuery的核心函数:

    jQuery核心函数的作用:

     1.接收一个函数,(入口函数),

       $(function(){

          alert("ok");

        });

      2.接收一个字符串:

    • 接收一个字符串选择器:$(".box"),$("#box"),返回一个jQuery对象,对象中保存了找到的DOM元素
    • 接收一个字符串代码片段:$("<p>我是一个p标签</p>"),返回一个jQuery对象,对象中保存了创建的DOM元素,(动态创建dom元素)

     3.接收一个DOM元素

    如果将原生JS获取的DOM元素传给jQuery核心函数,核心函数会将它包装成jQuery对象返回给我们;

     

    <!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="UTF-8">
            <title>Document</title>
        </head>
        <body>
            <div class="box1"></div>
            <div id="box2"></div>
            <span>我是span标签</span>
            <script src="../JS/jquery-3.3.1.min.js"></script>
            <script>
               //$();或jQuery();就代表调用了jquery的核心函数
               //jquery核心函数的作用
               //1.接收一个函数(入口函数)
               $(function(){
                   //2.接收一个字符串
                   /*2.1接收一个字符串选择器
                   (返回一个jQuery对象,对象保存了找到的DOM元素)
                   */
                   let $box1 = $(".box1");
                   let $box2 = $("#box2");
                   console.log($box1);
                   console.log($box2);
                   /*2.2接收一个代码片段(动态创建dom元素)
                   (返回一个jQuery对象,对象中保存了创建的DOM元素)
                   */
               let $p = $("<p>我是段落</p>");
               console.log($p);
               $box2.append($p);
    
               /*3.接收一个DOM元素
                 如果将原生的dom元素传给jQuery的核心函数,核心函数会将他包装
                 成jQuery对象返回给我们
               */
               let span = document.getElementsByTagName("span")[0];
               console.log(span);
    
               let $span = $(span);
               console.log($span);
               });
            </script>
        </body>
    </html>

     

  • 相关阅读:
    Asp.net web服务处理程序(第六篇)
    Asp.net 处理程序(第五篇)
    HttpApplication实战大文件上传 (第四篇)
    HttpApplication处理对象与HttpModule处理模块 (第三篇)
    Asp.net管道 (第二篇)
    HTTP -> Asp.net (第一篇)
    C# 计划任务
    认识元数据和IL(下)<第五篇>
    认识元数据和IL(中)<第四篇>
    认识元数据和IL(上) <第三篇>
  • 原文地址:https://www.cnblogs.com/zhang-jiao/p/9943468.html
Copyright © 2011-2022 走看看