jquery下的domcument操作
目的:对window.domcument(element)重新进行接口封装
方式:封装/包装/代理,任何你能想到的方式都行
首先,分析一下 Element 对象和 NodeList 对象
NodeList Element集合,for循环操作Element
Element 可以拥有元素节点,文本节点,注释节点的子节点,对于他的api包括
增删改操作 三个关键点,节点外,属性,文本(节点内)
查询 获取属性(不一定为方法)
转换 string与Element相互转换
判断 各种has,is方法
快捷接口 快捷接口是快速开发的保障,也是方法爆炸的源泉
w3c上显示了65个不同的属性或者方法,每一个方法名的确能明确的表达他的意思,但太细致了...
当然,每个人都在尝试简化这种繁琐的事情,jquery从下面几个方式进行优化
1.封装NodeList与Element,以支持批量操作
白菜类库都会
2.多态1,无参视为查询,有参视为修改
java中的get/set和c#中的get/set
3.多态2,一条语句找dom
querySelector
4.行为与目的分离(数据与逻辑的分离,总有点过程的感觉)
你需要$().attr("name")获取属性名,而非$().name
显然,封装一个以自己Jquery命名的对象,在对其添加相应的api,以操作他所查询到的dom,到达优化dom api的目的是常用的做法
当然,创意就是一个接口,不看实现永远不知道他有多逗比
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步