<li title=”hello”></li> // $(“li”).filter(“[title=hello]”)
chlidren() // 所有子节点

$(‘li’).html(); //当一组元素的时候,取值是一组中的第一个
$(‘li’).html(‘hello’); //当一组元素的时候,赋值是一组中的所有元素

filter():过滤(元素本身)
not():filter的反义词
has():包含(元素里面的)

next():下一个兄弟节点
prev():上一个兄弟节点
find():查找

eq():下标
index():索引(当前元素在所有兄弟节点中的位置)

addClass():添加class
removeClass():删除class

width(): width == css(‘width’)
innerWidth(): width+padding
outerWidth(): width+padding+border
outerWidth(true): width+padding+border+margin

innsertBefore(elem) //添加到元素前面,剪切
innsertAfter(elem) //添加到元素后面
appendTo(elem) //添加到元素内部后面
prependTo(elem) //添加到元素内部前面
(function(){
//var oDiv=$(‘<div>div</div>’);
var oDiv=$(‘<div>’);
$(‘body’).append(oDiv);
})();

before() //$(‘div’).before($(‘span’)) div的前面必须是span
after()
append()
prepend()

区别:
1.$(‘span’).innsertBefore($(‘div’)); == $(‘div’).before($(‘span’));
2.后续操作不同
$(‘span’).innsertBefore($(‘div’)).css(‘width’) //span的宽
$(‘div’).before($(‘span’)).css(‘width’) //div的宽

$(‘div’).remove(); //删除div节点

$(‘div’).on(‘click mouseover’,function(){}); //事件绑定
$(‘div’).on(‘show’,function(){}) ; //可以添加自定义事件
$(‘div’).on({
‘click’:function(){
alert(123);
},
‘mouseover’:function(){
alert(456);
}
});

$(‘div’).off(); //取消事件

$(window).scrollTop(); //滚动距离

事件
ev.pageX (相对于文档) ev.clientX (相对于可视区)
ev.which (键盘键值包括鼠标)
ev.precentDefault(); //阻止默认事件
ev.stopPropagation(); //阻止冒泡操作
return false; //既阻止默认事件,又阻止冒泡操作
one(); //事件只执行一次

距离
offset();
offset().left; //获取到屏幕的左距离,即使父级有定位

position();
position().left; //到有定位的父级的left值,不包括元素本身的margin

parent(); //获取父级
offsetParent(); //获取有定位的父级

val() //value值
size() //length
each(function(i,elem){  }) //for循环,i==index elem==当前元素

hover(function(){},function(){}); //鼠标移入函数,鼠标移除函数
show(1000); //可以+参数,1秒内完成,并且宽高逐步显示
hide(); //

fadeIn(); //淡入,默认400ms
fadeOut(); //淡出
fadeTo(1000,0.5); //淡入淡出到0.5

slideDowm(); //向下展开
slideUp(); //向上卷起