JQuery基础教程 笔记
1.遍历连缀 $(‘#dom’).parent().find(‘p:eq(1)’).addClass(‘className’).end().find()
2.在支持标准事件类型(同时支持捕获和冒泡)的浏览器中,要把事件处理程序注册到捕获阶段,必须在标准的事件注册方法addEventListener()中将最后一个参数设置为true。ie的事件注册方法attacheEvent只能注册到冒泡阶段。.hover()这个方法可以聪明的处理冒泡问题。.stopPropagation()可以阻止事件冒泡,.preventDefault()可以阻止事件捕获。
3.fadeIn()、fadeOut()、fadeTo()不透明度0~1,slideDown()、slideUp()高度。
4.所有块级元素默认的css定位属性都是static。在设置元素的left和top属性毫无作用,必须将元素的定位属性设置成relative或者absolute
5.在每个匹配的元素中插入新元素,使用,所选元素后.append()、.appendTo()、所选元素前.prepend()、.prependTo();
6.要在每个匹配的元素相邻的位置上插入新元素.after()、.insertAfter()、before()、.insertBefore()
7.在匹配的元素外部插入新元素 .wrap();
8.要用新元素或文本替换每个匹配的元素.html()、.text();
9.要移除每个匹配元素中的元素.empty()
10.filter()过滤 $table.find(‘td’).filter(‘:nth-child(0 2 4)’).addClass();
11..next()。当前元素的后一个同级元素
12. .scrollTop()和.scrollLeft();分别返回向下和向右滚动的像素值。如果给这两个方法传递一个参数,可以把页面滚动到指定的位置。
13. .offset(),返回一个坐标对象。该对象有一个left属性和一个top属性。
14. http://pic002.cnblogs.com/images/2012/367527/2012102917382526.gif
15.一如jquery之后,自定义全局函数。比如jquery自带的$.ajax();Example–>$.extend({foo:function(){console.log(‘foo’)}}) <==> jQuery.extend({foo:function(){console.log(‘foo’)}}) ;定义全局数组赋值之后,任然会改变全局数组的值。因为赋值数组,只是,将数组的指针赋值给了新的数组。所以,只能通过方法返回一个数组的方式,这样 可以提高性能。或者 通过深度赋值的方法 var newArr = $.extend(true,[],globalArr); 建议使用前者。jquery内定的一些操作dom元素动画的方法,如,show()/hide()等。那么,我们同样可以自定义类似方法。Example–> jQuery.fn.testAni = function(a,b){return this.animate({width:a+’px’,height:b+’px’})};调用方法。$(‘#dom’).testAni();
16. 创建缓动样式 缓动函数 jQuery.extend({‘easing’:{‘linear’:function(fraction, elapsed, attrStart, attrDelta, duration){return fraction * attrDelta + attrStart;}}}) 第一个参数,动画当前位置,按照时间衡量,取值0~1(开始结束);第二个参数,自动画开始所经过的毫秒数;第三个参数,即将变换的CSS属性的开始值;第四个参数,即将变换的CSS属性开始值与结束值的差。第五个参数,动画总共要经历的毫秒数