jquery大大方便了前端工程师们的元操作,让javascript这个古老的语言散发出简约的魅力,很多人可能学了jqeury都忘记原生态的javascript该怎么写了,这不是坏事,毕竟任务能够很好的解决了,时间应该留下来做更有意义的事情,不是吗。
jquery的的最基本、最核心的功能,就像他的名字一样——query——** 选择器 **,那么aauto中的web操作又是一个什么样的情况呢?
Dom是一棵大树,不过是长倒了而已。
查找 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的都可以用来选择。