Jquery入门

最新推荐文章于 2024-02-27 12:00:00 发布

China_HaoZi

最新推荐文章于 2024-02-27 12:00:00 发布

阅读量150

点赞数

分类专栏： Jsp 文章标签： jquery

本文链接：https://blog.csdn.net/China_HaoZi/article/details/104645027

版权

Jsp 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

Jquery是什么?
JQuery是一个JS的类库文件
什么是JS类库文件?
别人写好的JS代码,我们拿过来调用的这些JS代码被称作JS库文件.
Jquery的作用
在JS的基础部分以及JS操作DOM和JS实现Ajax等过程中.暴漏了不少问题,例如复杂的DOM操作和烦冗的ajax操作等.为了简化JS的开发,各种JS库诞生了.各种JS库都封装了很多预定义的对象和实用函数,能够帮助使用者建立非常漂亮的浏览器中的页面,并且兼容各大浏览器.
自定义js库
需求:自定义js库,修改div的标签内容

//自定义js脚本 
function $(id){ 
	var dm = document.getElementById(id); 
	dm.html = function(arg){ 
		if(null == arg){ 
			return dm.innerHTML;
		 }else { 
		 	dm.innerHTML = arg;
		 }
	 }return dm; 
}
<script type="text/javascript" src="myjquery.js"></script> 
<script type="text/javascript"> 
	window.onload = function() { 
		//使用自定义js库 
		$("div1").html("hello"); 
	} </script> 
</head> 
<body>
	<div id="div1"></div> 
</body>

了解Jquery
JQuery是2006年8月诞生的一个开源项目,现在Jquery团队主要包括核心库,UI和插件开发等. 开发人员,凭借简洁的语法和跨平台的兼容性,极大地简化了Javascript开发人员遍历HTML文档,操作DOM,处理事件,执行动画和开发Ajax的操作.其独特而又优雅的代码风格改变了 javascript程序员的设计思路和编写程序的方式.
入门案例需求:
使用Jquery修改div标签内容
步骤
1,在页面引入jquery脚本文件
2,使用Jquery操作元素
代码实现

//1,在页面引入jquery脚本文件 
<script type="text/javascript" src="jquery‐1.4.2.js"></script> 
<script type="text/javascript"> 
	window.onload = function(){
		 //2,使用Jquery操作元素 
		 $("#div1").html("fuck"); 
	} </script> 
</head> 
<body> 
	<div id="div1"></div> 
</body>