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没有这个属性, ( w i n d o w ) . c s s ( s c r o l l L e f t : 100 ) , (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()遍历
. n o C o n f l i c t ( ) .noConflict()解决 冲突问题

猜你喜欢

转载自blog.csdn.net/weixin_44022586/article/details/89553532
今日推荐