web选择器

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

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

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

web选择器_第1张图片
dom tree

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

id="notMe"

id="myDiv"

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选择器)