如何jquery 选取父元素元素

selenium自动化测试(15)
23:23 by 敏捷的水, 5489 阅读,
评论, 收藏, 编辑
selenium是一个非常棒的Web测试工具,他对Ajax支持非常好,本人强烈推荐.
测试里很重要的一部,就是定位页面的元素,selenium提供如下强大的定位元素的方法。
id=idname=namedom=javascriptExpressionxpath=xpathExpressionlink=textPatterncss=cssSelectorSyntax
一、通过ID,name选择元素
如果开发是能给页面元素添加个id,那么对测试是极大的方便
二、link= 根据链接文字来操作
三、根据XPath来选择元素
xpath=//img[@alt='The image alt text'] xpath=//table[@id='table1']//tr[4]/td[2] xpath=//a[contains(@href,'#id1')] xpath=//a[contains(@href,'#id1')]/@class xpath=(//table[@class='stylee'])//th[text()='theHeaderText']/../td xpath=//input[@name='name2' and @value='yes'] xpath=//*[text()=&right&]
有了这个xpath,那么大大方便了我们的操作
1、通过Firebug来查看 /html/body/form/div[5]/div/div[2]/a[5],我们看到这个xpath是很有问题的,一旦我们改变了结构,xpath就变了
2、这里我推荐一个Firefox插件xpath checker
我们可以用这个工具测试简化我们的xpath表达式
那么假如我们要判导航下面的所有链接,可以如下判断
判断导航下面的第一链接是否是“用户注册”
三、dom选择
dom=document.forms['myForm'].myDropdown dom=document.images[56] dom=function foo() { return document.links[1]; }; foo();
四、css选择器
这个不常用,它可以支持css2, css3选择器
css=a[href=&#id3&] css=span#firstChild + span
我的经验是,id, name, xpath基本可以够用了所以我重点介绍了这几个,当我们找到需要的元素后,我们就可以使用selenium的强大功能了
本文作者: 王德水
未经同意,禁止转载
作者: 王德水
出处:/cnblogsfans
版权:本文版权归作者和博客园共有,转载需经作者同意。
&&相关文章推荐
参考知识库
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
访问:396310次
积分:5071
积分:5071
排名:第4973名
原创:70篇
转载:361篇
评论:23条
(12)(13)(19)(8)(12)(12)(15)(9)(4)(2)(4)(1)(10)(3)(13)(13)(15)(7)(5)(1)(2)(3)(1)(2)(5)(14)(15)(10)(3)(4)(7)(10)(3)(4)(6)(3)(3)(4)(9)(6)(41)(27)(2)(1)(29)(18)(3)(9)(1)(3)(2)(4)(5)(1)(2)程序让生活更美好,这里有很多值得你探索,感谢您留下的每一个脚印
jQuery判断当前元素是第几个元素&获取第N个元素
日 |  | 浏览: 49,925
jQuery选择器是非常方便的,使用jQuery能够为我们选择元素带来很多的方便,但是我们经常会遇到这样的情况就是我们需要判断当前元素的属于相同类或者相同类型的子元素,或者我们也可能获取到相同类型元素中的第N个元素,那么对于jQuery来说又应该怎样操作呢?下面通过一个示例来说明。
假设有下面这样一段HTML代码:
&li&jQuery判断当前元素是第几个元素示例&/li&
&li&jQuery获取第N个元素示例&/li&
&li&jQuery选择器示例&/li&
jQuery判断当前元素是第几个元素
如果我们点击任何一个li标签,想知道当前点击的是第几个li标签,可以使用下面的代码:
$(&ul li&).click(function () {
var index = $(&ul li&).index(this);
alert(index);
});
如上面的jQuery代码,如果点击的第一个会提示+,如果是第二个li标签会提示+,注意索引序列号是从0开始的。
jQuery 获取第N个元素
同理,如果我们要获取第二li标签元素,可以使用下面的代码
var element=$(&ul li&).eq(1);
alert($(element).html());
注意索引是从0开始的,因此上面的代码会输出第二个li标签的html内容。
以上就是jQuery判断当前元素是第几个元素和jQuery获取第N个元素的示例方法,希望可以帮助到需要的朋友。
作者:知道91
除非注明,本文原创:,欢迎转载!转载请以链接形式注明本文地址,谢谢。原文链接:
当我们填写用户地址的时候,需要填写用户的地址,对于全球的用户我们不能让用户任意输入地址,需要的是让用户选择地址,而不是填写。但是全球的国家众多,每个国家的州/...
在我们使用JQuery开发的过程中我们有时会根据浏览器窗口的位置定位,本文讲解一下获取浏览器窗口尺寸、文档尺寸、以及浏览器滚动条尺寸的一些方法。
在网页特效中经常需要使用到Tab选项卡的特效,实现这种特效需要使用HTML、CSS、JS的综合运用。实现Tab选项卡介绍了使用jQuery UI和自定义实现HTML Tab 选项卡的两种方法。
本文介绍了JS/jQuery 实现Combobox可输可选下拉框的方法,可以通过Ajax实现动态加载可输可选下拉框的选项,可以在下拉框中输入一个新值动态添加一个数据选项,同样可以...
zTree 是一个依靠 jQuery 实现的 Tree/TreeView 熟悉插件, zTree 最大优点是具有灵活的配置、优异的性能、多种功能的组合。本文详细介绍了通过zTree实现jQuery设置Tree...
HTML&jQuery横向循环左右滚动导航方法讲解,实现了基于jquery可配置循环左右滚动例子讲解,可以实现横向滚屏,左右移动,适合做滚动导航。
修改Oracle SGA(共享内存) 很多网站说修改Oracle的内存通过命令 如果你这么做了,那么恭喜你,你的Oracle数据库无法启动了。如果你已经这么做了,恢复Oracle启动的方...
要使用微信的接口必须在绑定的域名下测试;签名必须先向微信请求到access_token,然后用access_token再去请求jsapi_ticket,最后用jsapi_ticket和相关的参数按照ASCII码...
为了减少复杂性和提高代码的可重用性,采用分层架构是一种被广泛接受的技术。为了实现分层的体系结构,ABP遵循DDD(领域驱动设计)的原则,将工程分为四个层: 展现层(...
ABP是“ASP.NET Boilerplate Project (ASP.NET样板项目)”的简称。 ASP.NET Boilerplate是一个用最佳实践和流行技术开发现代WEB应用程序的新起点,它旨在成为一个通用的WE...
本文讲述了Windows下 JIRA + Agile + Mysql 破解安装示例教程
本文通过示例代码讲解了c#子类的构造函数与父类的关系,子类怎样集成父类的构造函数的。
Windows 10是微软独立发布的...
网站合作和广告投放
联系邮箱:
(加好友请注明来意)
诚意交换友情链接
网站使用问题
请直接询问或者反馈,您也可以在网站直接给我们留言,谢谢!
欢迎关注知道91博客
(C) 2014 保留所有权利.&nbsp素材使用,如何选择适合的图片素材
来源:站酷
作者:SoHappy
相信很多做视觉设计的小伙伴(特别是电商),有时候素材直接影响到出图的质量,那么选择合适、优质的素材图片就能相对提高出图质量;那么分享楼主收集素材的一些心得,希望对大家有所帮助!仅代表个人观点,错误的地方望指正。
本章从以下四个方面进行深入了解!
①基础属性
1、 基础属性:时间、地点
首先不同时期的艺术作品、建筑、人文、服饰都会有明显的差异,在选择图片的时候一定要设定好画面所需要的年代、地域、历史人文;
通过背景纹理、色调、环境我们能区分上面三张图的风格,分别为复古、甜美、简约,而纹理色调环境都是与我们生活中的环境、历史人文挂钩的;所以在选择素材的时候,对号入座;先提取所需素材关键字,然后根据关键字拓展近义词、同义词等相关的词;通过不同关键字搜索出相同属性的素材图片。
2、色彩:色调、影调、色彩层次
根据颜色明度的特征,我们可以把明度分为高明度、纯色、低明度。
高明度的色彩常用于儿童、女性、偏向于柔和的画面;纯色调的色彩饱和度高、色彩穿透力强,常用于电商大促营销的设计中,撞色也是高纯度的色彩对比形成的;低明度的色调常用于轻奢、品质、质感的设计页面中。这样划分之后我们就能根据产品的属性、外观等特性选择合适的搭配素材。
当明度确定了,那色相在冷色和暖色之间再选择一个大方向,然后去挑选素材,这样所选择的素材的色调就不会相差太远,后期调整起来会更容易。
B、影调(主要针对摄影图片素材)
影调是光照射物像所呈现的明暗层次倾向。对影调的设计就是对光线与明暗的设计,理解影调的性质有利于烘托画面的情绪,渲染主题。按照整体画面的明暗程度,影调分为高调、中间调、低调。按照画面中最亮部分与最暗部分的差值,影调又可以分为长调、短调、硬调。
高调洁净、飘渺、活泼明快,白到浅灰占画面的绝大部分,暗色只占小部分。
中间调平和、朴素、朦胧、含蓄,灰色占画面绝大部分。
低调深沉、稳重、跳跃,深色占画面绝大部分,亮色占小部分。
长调细腻、舒缓,色阶过渡均匀,层次丰富。短调局促、直率,色阶分明,具有较强的节奏感。硬调激烈、有力,色阶极少,对比强烈。
C、色彩层次
大家都知道太阳光通过三菱镜会被分成七种颜色,但很少有人去了解具体的差别。颜色是一种感觉,光是一种物质---电磁波。正是由于七种颜色的波长(电磁波)长短不一,所以造就了色彩丰富的物理世界。
观察上图,细心观察会发现,会发现近处的树木饱和度更高,远处的山头的树木饱和度低。这是由于物体反射了太阳的颜色(电磁波),距离远的颜色(电磁波)被大气中的微小分子所散射,当电磁波被眼睛捕捉到时会减弱很多,所以视觉上就会产生远近的空间关系。
再次把远景和中景的高光、中间调、暗部的颜色选择出来。近处的图像对比度更高,细节丰富;远处的图像对比度低,没有啥细节;所以在选择素材时选择相同对比度和饱和度的图片与画面会更融合。
根据上面几张摄影图分析,以及上面两张大神的合成图中也可以找到颜色变化的规律。总结为近处的色彩饱和高、对比高、细节丰富、立体感强,远处反之。所以选择合适色彩的素材放在画面近、中、远处让画面更有真实感。
教程未完,请看下一页!
打开ps,跟着教程做一遍,做完的图要到这里交作业:
教程有看不懂的地方,可以到论坛发帖提问:
加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
关注我们微博:
想学更多的同学,可以订阅我们邮件,每天都有新教程发给你:
看完教程希望大家来这
欢迎投稿原创或转载教程:
旧一篇: 新一篇:
免责声明:本站文章均由网友原创投稿或由网友转载自第三方,其版权归原作者所有,如出现资料错误或侵权,请通过邮箱联系修正或删除:(window.slotbydup=window.slotbydup || []).push({
id: '3284507',
container: s,
size: '0,0',
display: 'inlay-fix'
如何轻松选择PPT(powerpoint)幻灯片的对象元素
如果幻灯片中的元素数量较多,在选择元素、制作动画或进行排版等操作时,经常会无从下手。PowerPoint为用户提供了一种解决方案&&选择和可见性窗格,利用该窗格就可以选择幻灯片中的一个或多个特定元素,还可以对其进行隐藏。
(1)在&开始&选项卡的&编辑&选项组中,单击【选择】按钮,并执行【选择窗格】命令。
(2)此时,&选择和可见性&窗格就会显示在屏幕的右侧,其中列出了当前幻灯片中的所有对象,用户可以根据对象名称选择目标对象。
(3)&选择和可见性&窗格除了具有选择对象的功能之外,还可以通过每个对象名称右侧的眼睛图标来控制对象的显示或隐藏状态。
标签(Tag):
------分隔线----------------------------
------分隔线----------------------------}

我要回帖

更多关于 css选取第二个子元素 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信