【JQuery】学习总结

一、什么是JQuery?

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

        jquery在线手册:http://hemin.cn/jq/


二、JQuery的特点:

       1、Write less, Do more
       2、JQuery is designed to change the way that you write JavaScript
       3、支持各种主流浏览器,包括IE6以上,FireFox2以上,Safari2以上和Opera9以上的版本。 
       4、以强大的CSS选择器为基础,几乎所有的操作都先使用选择器查找DOM对象,然后对其进行各种操作。 
       5、屏蔽浏览器差异,对DOM的操作提供了方便的扩展,易用的事件处理API和动画API。
       6、强大的插件机制。
       7、社区活跃,文档非常齐全,全部配有示例。学习容易,易用性很高。

三、知识点总结:

1、HTML负责页面内容,CSS负责页面样式,Javascript负责页面行为。

2、可以通过#idname或.classname的方式来个制定的html节点定义样式。

3、可以通过$(document).ready(function(){})的方式来定义页面装载完成时,需要执行的方法。

4、可以通过$()方法来获得页面的指定节点,参数是某种css的选择器。

5、可以在$()方法返回的jquery对象上执行各种Jquery的方法来获取数据,定义事件,执行操作。

6、 .main a和.main > a的不同之处,前者选择使用了.main的这个class的元素内部所有的a节点,后者只选择.main的子节点中的a节点

7、跟在浮动元素(float)之后的元素会围绕着浮动元素,如果不希望有这种围绕,可以在浮动元素之后的那个元素上定义clear属性,来清除这种效果。

8、img标签的alt属性要写上,在图片尚未装载进来或图片不存在时,这个属性的文字信息会显示出来。

9、$.post方法可以和服务器端发起post的异步请求。第一个参数是请求的服务器端地,第二个参数是发送给服务器端的数据,参数是Javascript的对象,采用名值对的方式表示,第三个参数是回调方法,第四个参数指示服务器端返回的数据类型,JQuery会根据这个参数帮我们进行转换。get方法只有第二个参数不同,其他几个参数用法相同 。

10、Javascript中的简单对象定义方式是{key1:value1, key2: value2}

11、JSON的数据格式其实就是Javascript中的一个对象或数据定义的文本格式内容,比如{key1: value1, key2: [1,2,3]}或[1,2,{key2:value2}]

12、fadeOut和fadeIn可以实现淡出淡入的效果,参数内容和slideUp,slideDown方法类似。 

13、animate方法可以实现任意的动画效果,可以控制某个css属性在某个时间内进行变化,从而达到动画的效果。

14、opacity可以改变元素的透明度,IE中使用过滤器实现,100表示完全显示,0表示完全透明,非IE浏览器使用opacity属性,1表示完全显示,0表示透明。 JQuery在animate方法中屏蔽了浏览器差异,直接使用opacity就可以达到淡入淡出的效果。 

15、overflow属性值为auto时,当内容区域很多超过了定义的高度或宽度时,就会显示滚动条。

16、浏览器可视区域的宽和高可以通过$(window).width()和$(window).height()的方式来获得。

17、浏览器滚动条的左边界和上边界可以通过$(window).scrollLeft()和$(window).scrollTop()来获得。

18、插件的编写方法:$.fn.myplugin =function(){//mycode},方法中的this表示的是执行这个方法的jquery对象,注意方法应该在最后return this,以保证其他jquery方法可以级联操作。

猜你喜欢

转载自blog.csdn.net/sz15732624895/article/details/79604447