选择器:
$('#id') 只能选择一个对象
$('.class') 可以选择多个对象 不用循环
$('div') 获取一组元素 不用循环
$('div','p','span','.class') 群组选择器
$('oParBox oBox') 包含选择器
css: div > p 直接子级选择器
$('label+input') 兄弟选择器
$("form ~ input") 同辈元素选择器
$('div:not(.box)') 否定选择器
$("input[type='checkbox']") 属性选择器
class操作:
$(this).addClass('box'); 添加一个class
$(this).addClass('box box2 box3'); 添加多个class
$(this).removeClass('oldbox'); 删除一个class
$(this).removeClass(); 删除所有class
$(this).hasClass('box') 判断是否存在这个class
alert($(this).hasClass('box a')); 多个class判断
$(this).toggleClass('box'); 切换class
筛选:
eq(索引值); 获取一组元素中的某一个
first() 获取一组中的第一个元素
last() 获取一组中的最后一个元素
chidlren('筛选条件') 获取一组子元素/如果有参数,筛选其中的某一个
parent(); 父级 获取一个元素
find("#box") 筛选子级其中的某些/某个元素
next(); 获取元素的下一个兄弟节点
prev(); 获取元素的上一个兄弟节点
siblings(); 获取元素的同级元素
contents() 获取文本对象
.end() 找回原本的dom节点
文档处理:
$('p').append 添加子节点
$('div').prepend(oP); 向前添加
after() 在某个元素之后添加
before() 在某个元素之前添加
$('p').appendTo('div'); 将谁添加到谁之内
$('p').prependTo($('span')); 向前添加 将谁添加到谁之内
insertBefore(); 将谁放到谁之前
insertAfter(); 将谁放到谁之后
clone(); 克隆节点
scrollTop:
$(document).scrollTop() 获取滚动条上部的距离
$(document).scrollLeft() 获取滚动条左部的距离
$('div').width();
$('div').height();
$('div').outerHeight(); 包含盒子的border在内