面向对象

面向过程与面向对象编程

1、面向过程：所有的工作都是现写现用。

2、面向对象：是一种编程思想，许多功能事先已经编写好了，在使用时，只需要关注功能的运用，而不需要这个功能的具体实现过程。

javascript对象

将相关的变量和函数组合成一个整体，这个整体叫做对象，对象中的变量叫做属性，变量中的函数叫做方法。javascript中的对象类似字典。

创建对象的方法：单体  工厂模式  构造函数 构造函数  继承

jQuery

jQuery的引入：alert($);   弹出function (a,b){return new n.fn.init(a,b)}表示JQuery已经引进来了，这是它的一个构造函数

jQuery的完整写法

比上面JS写法先弹出，因为window.onload是把页面元素加载、渲染完才弹出，而ready()是把所有页面的节点加载完之后就弹出了，不用等渲染了

$(document).ready(function(){

var $div = $('#div');

alert('jQuery:' + $div.html());//jQuery:这是一个div元素

})

jquery链式调用：jquery对象的方法会在执行完后返回这个jquery对象，所有jquery对象的方法可以连起来写

$('#div1') // id为div1的元素

.children('ul') //该元素下面的ul子元素

.parent()  //跳到ul的父元素，也就是id为div1的元素

.siblings()  //跳到div1元素平级的所有兄弟元素

jquery特殊效果：

fadeIn() 淡入        fadeOut() 淡出

fadeToggle() 切换淡入淡出

hide() 隐藏元素         show() 显示元素

toggle() 依次展示或隐藏某个元素

slideDown() 向下展开    slideUp() 向上卷起

slideToggle() 依次展开或卷起某个元素

例子： $btn.click(function(){

        $('#div1').fadeIn(1000,'swing',function(){

            alert('done!');

        });

    });