前端基础入门六(JQuery进阶)

原创 高志飞 教程 前端 62阅读 2019-05-22 14:45:25 举报

jQuery特殊属性操作

val方法

val方法用于设置和获取表单元素的值,例如input、textarea的值

自己是个做了几年开发的老码农,希望本文对你有用! 这里推荐一下我的前端学习交流圈:767273102 ,里面都是学习前端的,从最基础的HTML+CSS+JS【炫酷特效,游戏,插件封装,设计模式】到移动端HTML5的项目实战的学习资料都有整理,送给每一位前端小伙伴。2019最新技术,与企业需求同步。好友都在里面学习交流,每天都会有大牛定时讲解前端技术!

点击:加入

html方法与text方法

html方法相当于innerHTML text方法相当于innerText

width方法与height方法

设置或者获取高度

获取网页的可视区宽高

scrollTop与scrollLeft

设置或者获取垂直滚动条的位置

offset方法与position方法

offset方法获取元素距离document的位置,position方法获取的是元素距离有定位的父元素的位置。


jQuery事件机制

JavaScript中已经学习过了事件,但是jQuery对JavaScript事件进行了封装,增加并扩展了事件处理机制。jQuery不仅提供了更加优雅的事件处理语法,而且极大的增强了事件的处理能力。
简单事件绑定>>bind事件绑定>>delegate事件绑定>>on事件绑定(推荐)
简单事件注册

缺点:不能同时注册多个事件

bind方式注册事件

缺点:不支持动态事件绑定

delegate注册委托事件

缺点:只能注册委托事件,因此注册时间需要记得方法太多了

on注册事件(重点)
jQuery1.7之后,jQuery用on统一了所有事件的处理方法。

最现代的方式,兼容zepto(移动端类似jQuery的一个库),强烈建议使用。
on注册简单事件

on注册委托事件

on注册事件的语法:


事件解绑


触发事件

jQuery事件对象

jQuery事件对象其实就是js事件对象的一个封装,处理了兼容性。

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复