$();或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核心函数
原文地址:https://www.cnblogs.com/zhang-jiao/p/9943468.html