标签：char   灵活   选择器   lang   链式   简洁   修改   定时器   机制   

资料

链接：https://pan.baidu.com/s/1aHUnfPcs1VJAas5zj5abQA
提取码：b1hb

包括本章节需要的js库文件，以及JQuery的api文档

什么JQuery

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等

JQuery的作用

1. 写更少的代码,做更多的事情: write Less ,Do more
2. 将我们页面的JS代码和HTML页面代码进行分离

JQ的入门

导入js库文件

实验发现只输出了window.onload 222和JQuery的三个输出，说明js的第二个输出方法替换了之前的输出，而JQuery没有

JQ中根据ID查找元素

全都是根据选择器去找的
#ID{}
.类名{}
$("#ID的名称")

张三
	

JQ和JS之间的转换

• JQ对象,只能调用JQ的属性和方法
• JS对象 只能调用JS的属性和方法

	



			这里的内容一会要被JS/JQ代码修改掉
		
		

			这里的内容一会要被JS/JQ代码修改掉1111
		
	

JQ的开发步骤

将我们页面的JS代码和HTML页面代码进行分离

1. 导入JQ相关的文件
2.  文档加载完成事件: $(function)  : 页面初始化的操作: 绑定事件, 启动页面定时器
3. 确定相关操作的事件
4. 事件触发函数
5. 函数里面再去操作相关的元素

JQ中的动画效果

显示和隐藏 img.style.display

show()
hide()
slideUp
slideDown
fadeIn
fadeOut
animate : 自定义动画

JQuery入门+js库文件分享

标签：char   灵活   选择器   lang   链式   简洁   修改   定时器   机制   

原文地址：https://www.cnblogs.com/zllk/p/12834002.html