首页 爱情文章 亲情文章 友情文章 生活随笔 校园文章 经典文章 人生哲理 励志文章 搞笑文章 心情日记
  • 爱情文章
  • 亲情文章
  • 友情文章
  • 生活随笔
  • 校园文章
  • 经典文章
  • 人生哲理
  • 励志文章
  • 搞笑文章
  • 心情日记
  • 英语文章
  • 范文大全
  • 作文大全
  • 新闻阅读
    •
    当前位置: 山茶花美文网 > 亲情文章 > 正文

    CSS选择器-,easyUI.cssSelector更新 css选择器

    时间：2018-08-11来源：山茶花美文网 本文已影响 人 山茶花美文网手机站
    自从JQuery实现了Selector后，貌似其他一些JavaScript框架也开始向Selector靠拢，相继推出了自己的CSS选择器， 考虑到css选择器确实强大，所以，在easyUI中也添加了一个自己的cssSelector方法：easyUI.cssSelector("css选 择器",dom范围)
    CSS选择器实现原理：
    一、解析
    1、格式化数据，将css选择器转换成一种便于后面进行操作的格式，这一步很重要，这是数据结构部分，后面的实现都将以此为依据。
    以下面数据为例：
    #a b.c .d + e:first-child > f[data = "hello world!"]
    首先，捕获形如 [ 属性 = 值 ] 的数据，将"="两边的空格去掉，然后将“值”里的空格替换为一个不太可能会出现的临时字串，如0x20156
    然后，在+、：、>、[ 符号前加空格
    接着，将#、.、+、:、]、>后的空格去掉
    最好将单引号和双引号也都去掉
    做完上述替换操作后，变可得到形如下面的数据：
    #a b.c .d +e :first-child >f [data=hello0xdh20156world!]
    2、将格式化后的数据转换成这样的伪代码：取节点函数("css选择符",上一次操作的结果)，以空格为分隔：
    取节点函数("#a",上一次操作的结果)
    取节点函数("b.c",上一次操作的结果)
    取节点函数(".d",上一次操作的结果)
    取节点函数("+e",上一次操作的结果)
    取节点函数(":first-child",上一次操作的结果)
    取节点函数(">f",上一次操作的结果)
    取节点函数("[data=hello0xdh20156world!]",上一次操作的结果)
    3、将css选择器解析成具体的取节点函数，如：
    #a应当解析成：document.getElementById("a")
    E#a应当解析成：document.getElementsByTagName("E")，然后遍历id=a的
    之前进行过转换的0x20156记得重新转换为空格。
    更多css Selectors的解释请参见：
    http://www.w3.org/TR/CSS2/selector.html
    二、编写取节点函数，将伪代码实现
    在easyUI.cssSelector的实现中采用的是eval的方式，目前该方法尚未完全支持CSS2选择器，还在测试阶段！
    • 爱情文章
    • 亲情文章
    • 友情文章
    • 随笔
    • 哲理
    • 励志
    • 范文大全

    最新文章

    热点文章

    推荐访问

    军训远足心得体会 军训爬山心得体会 大学军训徒步拉练感想 军训徒步作文 军训徒步10公里感想 军训徒步心得体会 5分钟演讲中秋节节日 中秋一分钟演讲 中秋节演讲稿4分钟 中秋节演讲稿一分钟 中秋节演讲稿五分钟 3-5分钟 中秋节短篇演讲稿 中秋节演讲稿两分钟 中秋节的演讲稿3分钟 关于中秋节的演讲稿三分钟 孩子体验军训的心得 参加孩子军训活动的感受与收获 家长对孩子军训后的收获和感悟 小孩军训的收获与感悟 学生军训的收获与感悟 孩子军训成长过程家长感悟 孩子军训感悟 孩子军训心得体会 孩子军训的收获与感悟 兵役前训练心得体会 部队当兵的心得 新兵役前教育训练心得体会 预备役军训心得体会 新兵军训感悟

    本文CSS选择器-,easyUI.cssSelector更新 css选择器由山茶花美文网整理提供，版权归原作者、原出处所有。

    Copyright © 山茶花美文网 All Rights Reserved.