jquery关于页面位置 属性操作 事件总结

标题jquery关于页面位置 属性操作 事件总结

val:attr只是获取value原有的值 操作value用val,可改，可查，可赋值。input和textarea都有value值，都可以用
html() 识别标签 text不识别标签
width 不包括padding innerWidth包括padding outerWidth包括border,padding,和width outerWidth(true)包括maring及以内的值
用…链式设置效果的时候，如果元素.parent().效果.children.效果 不能这样写，会写乱
scrollTop() scrollLeft()
offset()距离页面左上距离 left: top:
position()距离非静态定位的父元素左上距离
委托代理事件：一个div里面p都注册了同一事件，点击按钮新增的p元素也会带相同事件
$(‘div’).delegate(‘p’,‘click’,function(){})
on事件，e.data获取传入的值
return false;e.preventDefault() 两种阻止默认事件
$(document).on(‘keyup’,function(e){ console.log(e.keyCode)h获取对应的键盘按键对应的数值

特殊的属性操作：
val()，input，textarea等的value值，传参改变内容，不传参获取内容
text()不识别标签 html()识别标签
width() height() ; scrollLeft() ,scrollTop() js里面window没有这个属性，$(window).css(scrollLeft:100),这样写不对，考虑到兼容性$(html,body).
offset()不管父元素是否有定位，都是相对于可视区左、上距离 只读
position()如果父元素非静态定位，相对于父元素左、上距离 只读

事件
注册：on 委托注册事件 父元素及祖先元素.on(‘click’,’子元素‘,function{}) this指向子元素
元素.off() 解除所有事件 元素.off(‘click’)解除click事件
元素.trigger(‘click’) 触发元素的click事件

e.stopPropagation()阻止冒泡 e.preventDefault()阻止默认行为 return false;两者都可以

链式编程
end() 返回上一次匹配关系前的状态
each()遍历
$.noConflict()解决$冲突问题