jq的核心函数

最新推荐文章于 2025-05-14 14:41:23 发布

qq_45776497

最新推荐文章于 2025-05-14 14:41:23 发布

阅读量154

点赞数 1

文章标签： jquery javascript

本文链接：https://blog.youkuaiyun.com/qq_45776497/article/details/105776549

版权

jquery的核心函数：`$（）；
1，代表接受一个函数（也就是我们平常用的入口函数）
2，接受一个字符串
2.1 接受一个字符串选择器
2.2 接受一个代码片段
3，接受一个dom对象（会被包装成jquery对象返回给我们）

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="jquery-3.5.0.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			//$();代表调用jquery的核心函数
			//1，接受一个函数
			$(function(){
				alert("几个号");
				//2，接受一个字符串
				//2.1接受一个字符串选择器
				var $box1=$(".box1");
				var $box2=$("#box2");
				console.log($box1);
				console.log($box2);
				//2.2接受一个代码片段
				var $p=$("<p>我是p元素</p>");
				console.log($p);
				//3接受一个dom元素
				//会被包装成一个jQuery对象返回给我们
				var span=document.getElementsByTagName("span")[0];
				console.log(span);
				var $span=$(span);
				console.log($span);
			});
			
		</script>
	</head>
	<body>
		<div class="box1">
			
		</div>
		<div id="box2">
			
		</div>
		<span>我是sopan</span>
	</body>
</html>