1. 程式人生 > >jQuery核心函數

jQuery核心函數

log -s tag set 返回 包裝 con $() 找到

$();或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>

 

jQuery核心函數