jQuery实战六：窗口效果

知识点

本节学到的jquery及其他开发知识：
1.页面中模拟的窗口可以通过html的div标签来实现，窗口中的标题栏和内容区域可以再分别用一个div来表示

2.让一组div看起来是窗口的样式，有很多种方法，比如可以设定整个窗口使用一种背景色，然后内容区域使用另一种背景色，并且给窗口设置一定的padding值（或者是内容区域设置边框），已达到内容区域和标题栏以后窗口外边的对比，从而看起来是抑恶个窗口的效果。

3.正确理解float的效果，实际上会影响到后面的一个元素和float的元素之间的显示效果，因此这个例子中如果html代码中img位于标题栏的最后时，float:right导致图片跑到了内容区域的最右边。只有这个float：right才会使图片刚好位于标题栏的最右边

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

5.position属性值为absolute时，元素将在页面中绝对定位，默认情况使相对页面的左上角进行定位。如果祖先节点中有position:relative的定义，则相对这个祖先节点的左上角进行定位。

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

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

8.窗口定位到屏幕可视区域的正中间，需要用屏幕可视区域的宽减去窗口的宽，然后除2，再加上滚动条的左边界值，才能获得窗口需要的左边界值；上边界值，也是同理的方法获得。

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

10.instanceof可以用于判断是不是一个Object,用法obj instanceof Object

11.typeof可以用于判断一个变量的数据类型，比如typeof str ==“string”

12.height()和width()方法获得是元素本身的高和宽，innerHeight()和innerWidth()获得是包括了padding的高和宽，outerHeight()和outerWidth()获得是包括了border和padding的高和宽，outerHeight（true）和outerWidth（true）获得是包括maring,border和padding的高和宽

13.scroll可以用于注册浏览器或某一个节点的滚动条滚动所需要执行的操作。

14resize可以用于注册浏览器大小改变时所需要执行的操作。

15.jQuery提供的事件操作在注册的时候是增大量的，比如说我有两段代码都是 $(window).scroll(function(){}),第二段的function内容不会覆盖到第一段，而是在scroll时，两段代码都被执行

16.aniamte方法可以对left,top值进行一定时间内的变化，达到动画的效果。

17.dequeue方法可以从动画队列的开头移除一个动画效果，并立即执行它。这样可以保证队列后面的动画不用等待开头的动画，也能执行。

18.is方法可以用来判断一个对象是否满足is方法参数中的jquery选择器。

19.：visible选择器可以用于获取页面中的可见元素

20.浏览器间的差异导致在document.ready中的代码获得浏览器可视区域宽高以及滚动条left，top的值不一定都是正确的，因此我们需要保证在这个方法完成之后再来获得这些值。

21 . $.browser可以用于判断浏览器的类型，判断的方法可以是 $.browser.msie == true,还可以使用的值包括 $.browser.opera $.browser.safari $.browser.mozilla

22 .$.browser.version可以判断浏览器的版本号，例如 $.browser.version.indexOf(“8”)