jquery获取元素

获取元素位置:
获取到一个对象,对象里面包含了top和left的值
① offset():获取元素距离document的位置
② position():获取元素距离有定位的父元素(offsetParent)的位置

设置或者获取滚动条的位置:
① scrollTop():获取页面被卷曲的高度
② scrollLeft():获取页面被卷曲的宽度

关于事件
① on注册事件:(jqery1.7之后,jquery用on统一了所有时间的处理方法)
① on简单注册事件:
不支持动态注册(即以下样例,给所有div注册了事件,但如果创建了新div,其身上并不会被注册事件)
$(‘div’).on(‘click’, function(){…})
② on注册事件委托
支持动态注册
表示给$(selector)绑定代理事件,而必须是它的内部元素(这里是div和span)才能触发这个事件
$(‘body’).on(‘click’, ‘div, span’, function(){…})
(相当于点击div或span时,通过事件冒泡,会触发父元素的点击事件)
② off事件解绑
如果没有参数,那就是解绑所有事件,如果有参数,那就是解绑指定事件,例off(‘click’)
③ trigger事件触发
例trigger(‘click’)
④ 事件对象(例记录触发鼠标的坐标位置信息等等(event))
可通过事件回调的参数获取,例,$(‘div’).on(‘click’, function(e) {…})

返回状态:
在链式编程中,通常会改变jquery对象对应的DOM对象,想要回复到上一次的状态,并且返回匹配元素之前的状态,用end()

显示迭代:
jquery隐式迭代会对所有DOM对象设置相同的值,但是如果需要对每个对象设置不同的值时,需要自己显示迭代
each()可以遍历jquery对象集合,为每个匹配的元素执行一个函数,例
$lis.each(function(index, element) {…})

多库共存:如果引入了多个jquery文件,则使用的$是最后引入的jquery文件中的
如果想要释放$,即使用引入的其他版本的$,可通过let $ = $.noConflict()将它释放,并用$接受被释放的,之后的$便是其他juery文件的

版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《jquery获取元素》
文章链接:https://zhuji.vsping.com/4600.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。