1、class操作
①addClass(); 添加类
单个：addClass('obj');
多个：addClass('obj1 obj2'); 注意两个类之间要用空格隔开
②removeClass(); 移除类
removeClass(); 如果没有写参数就会把所有的类都移除掉
removeClass('obj'); 移除的是obj这个类，不会影响其它的类
③hasClass(); 判断类
hasClass('obj'); 判断有没有这个类（是否进行添加或删除），返回的是布尔类型
④toggleClass(); 切换类
如果有就移除该样式，如果没有就添加该样式
2、动画
①显示/隐藏
show()/hide() 如果调用show()/hide()，没有参数，直接显现/隐藏；
show(1000)/hide(1000) 参数可以是：一个时间毫秒；
show('slow') /hide('slow') 还可以是：slow(200)/normal(400)/fast(600)
*:showToggle：切换隐藏和显示
②滑入/滑出(收进去/滑出来)
slideUp()/slideDown() 如果没有参数，相当于'normal' 滑入/滑出；
slideUp(1000)/slideDown(1000) 参数可以是：一个时间毫秒；
slideUp('slow')/slideDown('slow') 还可以是：slow(200)/normal(400)/fast(600)
*:slideToggle：切换滑入和滑出
③淡入/淡出()
fadeIn()/fadeOut() 如果没有参数，相当于'normal' 淡入/淡出；
fadeIn(1000)/fadeOut(1000) 参数可以是：一个时间毫秒；
fadeIn('slow')/fadeOut('slow') 还可以是：slow(200)/normal(400)/fast(600)
fadeTo(1000,1,0.5):可以指定透明度 (时间，开始，结束)
*:fadeToggle：切换淡入/淡出
3、自定义动画animate：
第一个参数：对象{}，里面写动画的属性（用改变背景色，要用color插件）
第二个参数：动画执行的时间
第三个参数：是一个字符串，执行方式，swing（缓动：默认的），linear（匀速）
第四个参数：执行完毕的回调函数
4、stop()的含义：有2个参数，都是布尔类型的值 默认是：false，false
第一个参数：是否清除队列
第二个参数：是否跳转到当前动画的最终效果
例：stop(true)等价于stop(true,false): 停止被选元素的所有加入队列的动画。
stop(true,true):停止被选元素的所有加入队列的动画，但允许完成当前动画。
stop()等价于stop(false,false):停止被选元素当前的动画，但允许完成以后队列的所有动画。
stop(false,true):立即结束当前的动画到最终效果，然后完成以后队列的所有动画。
5、jquery添加节点的四种方式
$('div').append($span); 添加到最后一个子元素（或是把现有的剪切为最后一个子元素）
$('div').prepend($span); 添加到第一个子元素（或是把现有的剪切为第一个子元素）
$('div').after($span); 作为兄弟元素，添加到某个元素的后面
$('div').before($span); 作为兄弟元素，添加到某个元素的前面
div.appendTo($('span')); 把div添加到span的最后一个子元素
6、jquery的移除节点 empty 与 remove 方法
$('div').html(''); 清空 一般不用。会有内存泄漏的问题
$('div').empty(); 清空 一般使用这个来清空元素的内容，没有内存泄漏问题
$('div').remove(); 删除节点（自己调用） 自杀
7、jquery的克隆节点
clone(); 把克隆的元素里面的所有内容都克隆，克隆出来的元素只存在于内存中，要想显示就要主动去添加（append）
jquery中克隆的参数，如果是false，就不会克隆事件；如果是true，就会克隆到事件。默认是false
8、val()获取或设置表单内容
$('#txt').val(); 获取表单内容；如果给参数 就是设置内容
9、jquery获取元素宽高
css()来获取
eg：$('div').css('width'); 获取到宽，带有'px'
以下获取都是num类型，不包含'px'；里面有参数也都可以设置内容的宽高
.width()/.height()：获取宽/高
.innerWidth()/.innerHeight()：获取宽/高，包含padding的
.outerWidth/.outerHeight：获取宽/高，包含padding和border的
.outerWidth(true)/.outerHeight(true)：获取宽/高，包含padding、border和margin的
获取网页的可视区宽高
$(window).width()/height();
10、jquery中的offset方法和position方法
offset();
不给参数，是可以取值的；获取的是元素距离document的位置，一个对象{包含top，left}
给参数，可以设置值，距离ducument的位置,一个对象{top，left}
position();
不给参数，是可以取值的；获取的是元素距离有定位父元素的位置，一个对象{包含top，left}
不能设置参数的。
11、jquery中的scrollTop方法和scrollLeft方法
scrollTop()和scrollLeft()：获取页面被卷曲的高度和宽度
网友评论