web选择器

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的都可以用来选择。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 在线阅读 http://interview.poetries.top[http://interview.poetr...
    前端进阶之旅阅读 114,586评论 24 450
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,740评论 18 399
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,497评论 0 17
  • 感悟: 1想快速掌握一门技能,先找专业人士请教,获取底层知识,遇到问题才能少走弯路。 2.善用关键词和思维导图,训...
    Louise718阅读 238评论 0 1
  • 曾经,我以为走万里路,便可以改变自己的人生历程。后来才发现,我什么都没有变,只是学到了别人的风土人情。 坚持原创,...
    珠海红叶原创阅读 225评论 1 1