jQuery核心函數
阿新 • • 發佈:2018-11-12
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核心函數