2021-11-13

最新推荐文章于 2022-01-29 16:30:08 发布

是数学系的小孩儿

最新推荐文章于 2022-01-29 16:30:08 发布

阅读量830

点赞数

分类专栏：前端学习记录文章标签： javascript 前端 jquery

本文链接：https://blog.csdn.net/qq_51082388/article/details/121308696

版权

前端学习记录专栏收录该内容

31 篇文章 0 订阅

订阅专栏

本文详细介绍了jQuery的三种常见入口函数写法，包括$(document).ready()、jQuery(document).ready()和自定义匿名函数$(function())，并展示了如何在实际项目中运用这些写法，以及解决$与其他框架冲突的方法。

摘要由CSDN通过智能技术生成

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>入口函数</title>
		<script src="./jquery-3.4.1.min.js">
		</script>
	<script >
		//第一这个写法
	$(document).ready(function()
		{
			alert("你好");
		}
		);
	</script>
	</head>
	<body>
		
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>入口函数</title>
		<script src="./jquery-3.4.1.min.js">
		</script>
	<script >
		//第一这个写法
	$(document).ready(function()
		{
			//alert("你好");
		}
		);
		
		jQuery(document).ready(function()
		{
		alert("harmony")	;
		});
	</script>
	</head>
	<body>
		
	</body>
</html>

$(document).ready(function()
		{
			//alert("你好");
		}
		);

write less ,do more

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>入口函数</title>
		<script src="./jquery-3.4.1.min.js">
		</script>
	<script >
		//第一这个写法
	$(document).ready(function()
		{
			//alert("你好");
		}
		);
		//第二种写法
		jQuery(document).ready(function()
		{
		//alert("harmony")	;
		});
		
		//第三种写法
	$(function()
		{
			alert("你好shijie");
		}
		);
	</script>
	</head>
	<body>
		
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>入口函数</title>
		<script src="./jquery-3.4.1.min.js">
		</script>
	<script >
		//第一这个写法
	$(document).ready(function()
		{
			//alert("你好");
		}
		);
		//第二种写法
		jQuery(document).ready(function()
		{
		//alert("harmony")	;
		});
		
		//第三种写法
	$(function()
		{
			//alert("你好shijie");
		}
		);
		
		
		//第四种写法
	jQuery(function()
		{
			alert("你好,欢迎进入数学的世界");
		}
		);
	</script>
	</head>
	<body>
		
	</body>
</html>

jquery的冲突问题

使用别的框架，$的冲突

分不清是谁的$
后边的会覆盖前边的，

所以写上1.释放$的使用权 jQuery.noConflict(); jQuery(function() {alert("yiyiyi")} ); 注意点：释放操作必须在编写其他jQuery代码之前编写 2.释放之后就不能再使用$,改为使用jQuery
自定义一个访问符号

var nj=jQuery.noConflict();
nj(function()
{
alert("yiyi")
});

核心函数

$()

在这里插入代码片

接受一个函数

$(function()
		{
			alert("你好shijie");
		}
		);

接收一个字符串

$(function()
		{
			alert("你好shijie");
			$.("box1")
		}
		);

接收一个字符串选择器
接收一个代码片段

在这里插入代码片

接收一个DOM元素

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>入口函数</title>
		<script src="./jquery-3.4.1.min.js">
		</script>
	<script >
		//第一这个写法
	$(document).ready(function()
		{
			//alert("你好");
		}
		);
		//第二种写法
		jQuery(document).ready(function()
		{
		//alert("harmony")	;
		});
		
		//第三种写法
	$(function()
		{
			alert("你好shijie");
			var $box1=$("#box1");
			var $p=$("<p>他是段落<p>");
			console.log($p);
			$box1.append($p);
		}
		);
		
		
		//第四种写法
	jQuery(function()
		{
			//alert("你好,欢迎进入数学的世界");
		}
		);
	</script>
	</head>
	<body>
		<div id="box1">
			
		</div>
	</body>
</html>