面向对象
面向过程与面向对象编程
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!');
});
});