web选择器

作者: MarkRight | 来源:发表于2015-04-15 23:49 被阅读318次

    jquery大大方便了前端工程师们的元操作,让javascript这个古老的语言散发出简约的魅力,很多人可能学了jqeury都忘记原生态的javascript该怎么写了,这不是坏事,毕竟任务能够很好的解决了,时间应该留下来做更有意义的事情,不是吗。

    jquery的的最基本、最核心的功能,就像他的名字一样——query——** 选择器 **,那么aauto中的web操作又是一个什么样的情况呢?

    Dom是一棵大树,不过是长倒了而已。

    dom tree

    查找 ID 为"myDiv"的元素。
    HTML 代码:

    <div id="notMe"><p>id="notMe"</p></div>
    <div id="myDiv">id="myDiv"</div>
    
    

    jquery代码:

    $("#myDiv");
    

    aau的语法为

    ele = wb.getEle( 节点ID, 框架名 )
    

    其中框架名可以省略。

    如果是name呢?

    ele = wb.getEle( 节点name, 框架名 )
    

    id一般都是唯一的,但name一般都是多个,怎么办呢?初中英语学过,加复数嘛

    ele = wb.getEles( 节点name, 框架名 )
    

    注意:这个时候返回的是个com 数组,**需要用小括号来读取数组成员,不是table的中括号,index是从 0 开始的。
    等等 *table不是数组么? table是表,表可以包含数组,也可以包含其他成员的东东

    注意:调用wb.getEle之前必须调用 wb.wait() 等待网页下载完毕,
    如果页面较大,可以用下面的句子,一旦获取成功就返回该节点.

    是否成功下载 = wb.waitEle( HTML节点的ID名name, 框架名 )
    
    

    总之,上面讲的基本就是这句

    !wb.getEles("__","框架名字") = 返回同名的所有节点,例如\nele = wb.getEles("节点名字");\nele(1).setAttribute("属性名字", "修改第一个节点属性值");
    
    

    上面的这句是封装了的,原产地是这样的

    getElementById("ID")
    

    如果没有name,无id的情况呢?例如获得全部的img标签:

    var imgs= wb.document.getElementsByTagName("img"); 
    

    还有类似的:

    !wb.querySelectorAll(.("CSS选择器") = 查询并返回节点集合\n仅IE8以上、以及webkit内核支持该函数
    !wb.querySelector(.("CSS选择器") = 查询并返回节点\n仅IE8以上、以及webkit内核支持该函数
    document.querySelectorAll(.("CSS选择器") = 查询并返回节点集合\n仅IE8以上、以及webkit内核支持该函数
    document.querySelector(.("CSS选择器") = 查询并返回节点\n仅IE8以上、以及webkit内核支持该函数
    !ele.querySelectorAll(.("CSS选择器") = 查询并返回子节点集合\n仅IE8以上、以及webkit内核支持该函数
    !ele.querySelector(.("CSS选择器") = 查询并返回子节点\n仅IE8以上、以及webkit内核支持该函数
    
    

    当然你可以这么玩:

    !wb.queryEles = @.//可指定任意个属性条件值.支持模式匹配语法\nqueryEles( parent = 可选指定父节点;className = "style2")
    
    

    不好理解?举个荔枝吧,ok

    qEle = wb.queryEles(  className = "myclass";innerHTML="demo1" )
    

    重点是 支持模式匹配语法!!! 够绚吧
    请记住他queryEles

    当然你就是jquery的深度粉丝,就直接用下面的吧:

    !wb.jQuery("__") = jQuery选择器,并可自动载入jQuery库\
    

    你认识老王,你直接喊老王就是,如果某个人你不认识呢?你认识他儿子叫小明,你可以这样:

    var childEle = wb.getEle("小明"); // 先找到小明
    var ele = childEle.parentNode;//通过找小明找到了他爹老王。
    
    

    当人你有力气,也可以枚举,一个个判断。

    归根结底,ie的,jquery的,aau的都可以用来选择。

    相关文章

      网友评论

        本文标题:web选择器

        本文链接:https://www.haomeiwen.com/subject/chmsfttx.html