• jquery下的domcument


    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的目的是常用的做法

    当然,创意就是一个接口,不看实现永远不知道他有多逗比

  • 相关阅读:
    React Native商城项目实战08
    React Native商城项目实战07
    React Native商城项目实战05
    React Native商城项目实战06
    React Native商城项目实战04
    React Native商城项目实战03
    React Native商城项目实战02
    单选框input:radio
    myDate97用法
    STRUTS2配置动态页面
  • 原文地址:https://www.cnblogs.com/liuCy/p/4359611.html
Copyright © 2020-2023  润新知