jquery find 找到frame select_jQuery基础语法

最新推荐文章于 2021-02-24 20:00:04 发布
最新推荐文章于 2021-02-24 20:00:04 发布
阅读量90 收藏
点赞数
文章标签： jquery find 找到frame select jquery 判断是否有类名 jquery 循环 jquery 监听td点击事件 jquery 获取id jquery 获取下级标签

一、jQuer介绍及安装

1、jQuery介绍

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架），极大简化了JavaScript 编程。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

2、jQuery使用

下载地址：jQuery CDN

压缩版：https://code.jquery.com/jquery-1.12.4.min.js

正常版：https://code.jquery.com/jquery-1.12.4.js

jquery操作文档：jQuery API 中文文档 | jQuery API 中文在线手册 | jquery api 下载 | jquery api chm

这里我们使用正常版来做实验（方便查看），压缩版的适用于生产，版本使用1.12版本兼容之前版本浏览器。

（1）把jquery-1.12.4.js复制到同级目录

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="i1">dream</div>
<script src="jquery-1.12.4.js"></script>
<script>
    //jQuery('#1');或者下面那种调用方法
    $('#1');
</script>
</body>
</html>

（2）转换

jquery对象[0]   ===>> Dom对象
$(Dom对象)      ===>> jquery对象

ab8082154eedec8a3e675f084a24e428.png

二、查找元素

1、基本选择器

$('#id') ###查找id

$('.class') ###查找class

$('element') ###查找所有指定标签

$('*') ###查找所有

$('a,p,...') ###查找多个标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="i1" class="c1">
        <a>1</a>
        <a>1</a>
    </div>
    <div class="c1">
        <a>1</a>
    </div>
    <script src="jquery-1.12.4.js"></script>
</body>
</html>

d055d858f8e42360916b3dcdf4501ea0.png

2、层级选择器

$('#i1 a')                 ###获取id为i1下面的所有a标签
$('#i1>a')                 ###父子，只会一层

3、基本筛选器

（1）命令说明

$('li:first'); ###找出第一个 $('li:last'); ###找出最后一个 $('tr:eq(index)'); ###通过index查找

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<ul>
    <li>list item 1</li>
    <li>list item 2</li>
    <li>list item 3</li>
    <li>list item 4</li>
    <li>list item 5</li>
</ul>
<script src="jquery-1.12.4.js"></script>
</body>
</html>

ac7319380f40fb28f5e4d4c9b23e3129.png 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<table>
  <tr><td>Header 1</td></tr>
  <tr><td>Value 1</td></tr>
  <tr><td>Value 2</td></tr>
</table>
<script src="jquery-1.12.4.js"></script>
</body>
</html>

6385beadc1a2eef56ad81310f377ed44.png

（2）层级和first叠加使用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div  class="c1">
        <div>
            <a>2</a>
        </div>
        <a>1</a>                 //找出这个
        <a>1</a>
        <a>1</a>
    </div>
    <script src="jquery-1.12.4.js"></script>
</body>
</html>

$('.c1>a:first') ###我们可以进行叠加使用

4、属性

$('[attribute]')               ###具有attribute属性的所有标签
$('[attribute="value"]')       ###attribute属性等于value的

5、选择实例

$('#tb :checkbox').prop('checked');            ###获取值
$('#tb :checkbox').prop('checked',true);       ###设置值

jQuery内置循环：$('#tb :checkbox').xxx

$('#tb :checkbox').each(function(k){
	//k当前索引值
	//this，DOM，当前循环得元素 $(this)
})


eg：
三元运算：var v = 条件? 真值:假值
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="button" value="全选" onclick="CheckAll();" />
<input type="button" value="取消" onclick="Cancel();"/>
<input type="button" value="反选" onclick="Reverse();" />
<table border="1">
    <thead>
        <tr>
            <th>选择</th>
            <th>姓名</th>
            <th>性别</th>
            <th>年龄</th>
        </tr>
    </thead>
    <tbody id="tb">
        <tr>
            <td><input type='checkbox'/></td>
            <td>dream</td>
            <td>男</td>
            <td>20</td>
        </tr>
        <tr>
            <td><input type='checkbox'/></td>
            <td>dream1</td>
            <td>男</td>
            <td>21</td>
        </tr>
        <tr>
            <td><input type='checkbox'/></td>
            <td>dream2</td>
            <td>男</td>
            <td>22</td>
        </tr>
    </tbody>
</table>
<script src="jquery-1.12.4.js"></script>
<script>
    function CheckAll() {
        $('#tb :checkbox').prop('checked',true);
    }
    function Cancel() {
        $('#tb :checkbox').prop('checked',false);
    }
        function Reverse() {
        $('#tb :checkbox').each(function () {
            //还可以通过this.checked判断
            //this当前循环得每个元素
            //三元运算 var v = 条件? 真值:假值;
            var v = $(this).prop('checked')?false:true;
            $(this).prop('checked',v);
        })
    }
</script>
</body>
</html>

6、样式操作

$(#id).addClass('hide') ###添加class $(#id).removeClass('hide') ###删除class $(#id).toggleClass('hide') ###对设置或移除被选元素的一个或多个类进行切换

开关：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .hide{
            display: none;
        }
    </style>
</head>
<body>
    <input id='i1' type="button" value="开关" />
    <div class="c1 hide">dreamya</div>
    <script src="jquery-1.12.4.js"></script>
    <script>
        $('#i1').click(function () {
            //上面这几条等于下面一条
            // if($('.c1').hasClass('hide')){
            //     $('.c1').removeClass('hide');
            // }else {
            //     $('.c1').addClass('hide');
            // }
            $('.c1').toggleClass('hide');
        })
    </script>
</body>
</html>

三、筛选器

1、查找

$(this).next() ###下一个

$(this).nextAll() ###所有下面的

$(this).nextUntil(#id) ###找到所有下面到id为止

$(this).prev() ###上一个

$(this).prevAll() ###所有上面的

$(this).prevUntil(#id) ###找到所有上面到id为止

$(this).parent() ###父

$(this).parents() ###祖先

$(this).parentsUntil() ###直到那个祖先

$(this). siblings() ###兄弟

$(#id).find(#id1) ###查找所有id下面的的id1标签

2、过滤

$(this).eq(index|-index) ###选择器选取带有指定index值的元素

$(this).first() ###选择器选取第一个元素

$(this).last() ###选择器选取最后一个元素

$(this).hasClass(class) ###检查被选元素是否包含指定的class

eg.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .header{
            background-color: #0c0c0c;
            color: #9cc2cb;
            height: 40px;
            line-height: 40px;
            width:80px;
        }
        .hide{
            display: none;
        }
    </style>
</head>
<body>
    <div>
        <div class="item">
            <div class="header">目录一</div>
            <div class="content">内容一</div>
            <div class="content">内容一</div>
        </div>
        <div class="item">
            <div class="header">目录二</div>
            <div class="content hide">内容二</div>
            <div class="content hide">内容二</div>
        </div>
        <div class="item">
            <div class="header">目录三</div>
            <div class="content hide">内容三</div>
            <div class="content hide">内容三</div>
        </div>
    </div>
    <script src="jquery-1.12.4.js"></script>
    <script>
        $('.header').click(function () {
            //可以合并成（链式编程）：$(this).nextAll().removeClass('hide').parent().siblings().find('.content').addClass('hide');
            $(this).nextAll().removeClass('hide');
            $(this).parent().siblings().find('.content').addClass('hide');
        })
    </script>
</body>
</html>

文档操作：

$(#id).text() ###获取文本内容

$(#id).text("<a>1</a>") ###设置文本内容

$(#id).html() ###获取html内容

$(#id).html("<a>1</a>") ###设置文本内容

Dom中有value：

$(#id).val() ###查询值

$(#id).val("1") ###设置值

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .hide{
            display: none;
        }
        .frame {
            position: fixed;
            top: 50%;
            left: 50%;
            width: 600px;
            height: 400px;
            margin-left: -300px;
            margin-top: -200px;
            background-color: #0f9e60;
            z-index: 10;
        }
        .shadow{
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            opacity:0.7;
            background-color: black;
            z-index: 9;
        }
    </style>
</head>
<body>
<input type="button" value="添加" class="edit"/>
<table border="1">
    <thead>
        <tr>
            <th>姓名</th>
            <th>性别</th>
            <th>年龄</th>
            <th>编辑</th>
            <th>删除</th>
        </tr>
    </thead>
    <tbody id="tb">
        <tr>
            <td>dream</td>
            <td>男</td>
            <td>20</td>
            <td><a class="edit">修改</a></td>
            <td><a class="del">-</a></td>
        </tr>
        <tr>
            <td>DM</td>
            <td>男</td>
            <td>21</td>
            <td><a class="edit">修改</a></td>
            <td><a class="del">-</a></td>
        </tr>
        <tr>
            <td>dreamya</td>
            <td>男</td>
            <td>22</td>
            <td><a class="edit">修改</a></td>
            <td><a class="del">-</a></td>
        </tr>
    </tbody>
</table>
<div class="frame hide">
    <span>姓名：</span>
    <input name="username" type="text" />
    <br/>
    <span>性别：</span>
    <input name="gender" type="text" />
    <br/>
    <span>年龄：</span>
    <input name="age" type="text" />
    <input name='cancle' type="button" value="取消">
</div>
<div class="shadow hide"></div>
<script src="jquery-1.12.4.js"></script>
<script>
    $('.edit').click(function () {
        //删除hide
        $('.shadow,.frame').removeClass('hide');
    })
    //添加hide和赋值
    $('#tb .edit').click(function () {

        $('.shadow,.frame').removeClass('hide');
        var tds = $(this).parent().prevAll();
        //进行赋值
        var username = $(tds[2]).text();
        var gender = $(tds[1]).text()
        var age = $(tds[0]).text();
        $('.frame input[name="username"]').val(username);
        $('.frame input[name="gender"]').val(gender);
        $('.frame input[name="age"]').val(age);
    });

    //删除hide
    $('.frame input[name="cancle"]').click(function () {
        $('.shadow,.frame').addClass('hide');
        //清除原有的值，防止显示错乱
        $('.frame input[type="text"]').val('');
    })
</script>
</body>
</html>

四、属性操作

1、用于自定义属性

$(#id).attr(key)               ###获取属性
$(#id).attr(key,value)         ###设置属性，可以
$(#id).removeattr(key)         ###删除属性

2、专用于checkbox，radio

$(#id).prop('checked')         ####获取值
$(#id).prop('checked',true)    ###设置值

3、示例一

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .hide{
            display: none;
        }
        .frame {
            position: fixed;
            top: 50%;
            left: 50%;
            width: 600px;
            height: 400px;
            margin-left: -300px;
            margin-top: -200px;
            background-color: #0f9e60;
            z-index: 10;
        }
        .shadow{
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            opacity:0.7;
            background-color: black;
            z-index: 9;
        }
    </style>
</head>
<body>
<input type="button" value="添加" class="edit"/>
<table border="1">
    <thead>
        <tr>
            <th>姓名</th>
            <th>性别</th>
            <th>年龄</th>
            <th>编辑</th>
            <th>删除</th>
        </tr>
    </thead>
    <tbody id="tb">
        <tr>
            <td target="username">dream</td>
            <td target="gender">男</td>
            <td target="age">20</td>
            <td><a class="edit">修改</a></td>
            <td><a class="del">-</a></td>
        </tr>
        <tr>
            <td target="username">DM</td>
            <td target="gender">男</td>
            <td target="age">21</td>
            <td><a class="edit">修改</a></td>
            <td><a class="del">-</a></td>
        </tr>
        <tr>
            <td target="username">dreamya</td>
            <td target="gender">男</td>
            <td target="age">22</td>
            <td><a class="edit">修改</a></td>
            <td><a class="del">-</a></td>
        </tr>
    </tbody>
</table>
<div class="frame hide">
    <span>姓名：</span>
    <input name="username" type="text" />
    <br/>
    <span>性别：</span>
    <input name="gender" type="text" />
    <br/>
    <span>年龄：</span>
    <input name="age" type="text" />
    <input name='cancle' type="button" value="取消">
</div>
<div class="shadow hide"></div>
<script src="jquery-1.12.4.js"></script>
<script>
    $('.edit').click(function () {
        //删除hide
        $('.shadow,.frame').removeClass('hide');
    })
    //添加hide和赋值
    $('#tb .edit').click(function () {

        $('.shadow,.frame').removeClass('hide');
        var tds = $(this).parent().prevAll();
        //进行赋值
        $(tds).each(function () {
            //获取当前自定义target属性值
            var n = $(this).attr('target');
            //获取当前文本内容
            var text = $(this).text();
            var temp = '.frame input[name="' + n + '"]';
            $(temp).val(text);
        })
        // var username = $(tds[2]).text();
        // var gender = $(tds[1]).text()
        // var age = $(tds[0]).text();
        // $('.frame input[name="username"]').val(username);
        // $('.frame input[name="gender"]').val(gender);
        // $('.frame input[name="age"]').val(age);
    });

    //删除hide
    $('.frame input[name="cancle"]').click(function () {
        $('.shadow,.frame').addClass('hide');
        //清除原有的值，防止显示错乱
        $('.frame input[type="text"]').val('');
    })
</script>
</body>
</html>

4、菜单切换

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .hide{
            display: none;
        }
        .active{
            color: burlywood;
            background-color: #001F3F;
        }
        .menu{
            height: 38px;
            background-color: #0c0c0c;
            color: #9cc2cb;
            line-height: 38px;
            cursor: pointer;
        }
        .menu .menu-item{
            float: left;
            border-right: 1px solid rebeccapurple;
            padding: 0 10px;
        }
        .content{
            min-height: 200px;
            border: 1px solid burlywood;
        }

    </style>
</head>
<body>
<div style="width: 500px; margin: 0 auto;">
    <div class="menu">
        <div class="menu-item active" a="1">菜单一</div>
        <div class="menu-item" a="2">菜单二</div>
        <div class="menu-item" a="3">菜单三</div>
    </div>
    <div class="content">
        <div b="1">内容一</div>
        <div class="hide" b="2">内容二</div>
        <div class="hide" b="3">内容三</div>
    </div>
</div>
    <script src="jquery-1.12.4.js"></script>
    <script>
        $('.menu .menu-item').click(function () {
            $(this).addClass('active').siblings().removeClass('active');
            var n = $(this).attr('a');
            $('.content ').children('[b="' + n + '"]').removeClass('hide').siblings().addClass('hide');
        })
    </script>
</body>
</html>

5、通过index实现

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .hide{
            display: none;
        }
        .active{
            color: burlywood;
            background-color: #001F3F;
        }
        .menu{
            height: 38px;
            background-color: #0c0c0c;
            color: #9cc2cb;
            line-height: 38px;
            cursor: pointer;
        }
        .menu .menu-item{
            float: left;
            border-right: 1px solid rebeccapurple;
            padding: 0 10px;
        }
        .content{
            min-height: 200px;
            border: 1px solid burlywood;
        }

    </style>
</head>
<body>
<div style="width: 500px; margin: 0 auto;">
    <div class="menu">
        <div class="menu-item active">菜单一</div>
        <div class="menu-item">菜单二</div>
        <div class="menu-item">菜单三</div>
    </div>
    <div class="content">
        <div>内容一</div>
        <div class="hide">内容二</div>
        <div class="hide">内容三</div>
    </div>
</div>
    <script src="jquery-1.12.4.js"></script>
    <script>
        $('.menu .menu-item').click(function () {
            $(this).addClass('active').siblings().removeClass('active');
            // $(this).index();
            $('.content').children().eq($(this).index()).removeClass('hide').siblings().addClass('hide');
        })
    </script>
</body>
</html>

相信很多人在刚接触前端或者中期时候总会遇到一些问题及瓶颈期，如学了一段时间没有方向感或者坚持不下去一个人学习枯燥乏味有问题也不知道怎么解决，对此我整理了一些资料 喜欢我的文章想与更多资深大牛一起讨论和学习的话 欢迎加入我的学习交流群907694362

weixin_39604350
关注
JQuery 基本操作（初级部分）
菜鸟心声：学的不仅是技术，更是梦想！
03-14 486
JQuery基础学习基本操作使用方法增加节点删除节点替换遍历节点属性样式操作内容操作 基本操作 使用方法 jQuery 不需要安装，要使用它只需要引入一个 js 文件即可，该文件可以放在外部站点上，也可以放在自己的服务器上。但是在实际开发过程中还是使用本地服务器更加方便一些。 各大开发公司都提供 jquery 下载的 CDN，本课件以百度 CDN 的 jquery 2.1.4 为基础。可以使用下面的路径引入 jquery。 <script src="https://apps.bdimg.com/lib
jQuery AJAX nodejs 简陋聊天室通信
keithzone的博客
04-12 836
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;style&gt; #user {
jQuery操作Frame（iFrame）
weixin_30814319的博客
09-08 106
没找到很好的方法只好用DOM方法与jquery方法结合的方式实现了1.在父窗口中操作 选中IFRAME中的所有单选钮$(window.frames["iframe1"].document).find("input[@type='radio']").attr("checked","true");2.在IFRAME中操作 选中父窗口中的所有单选钮$(window.parent.document).fi...
jquery find 找到frame select_《jQuery基本操作》
weixin_39976575的博客
11-21 89
jQuery的核心思想window提供一个全局函数jQuery jQuery函数接受一个选择器选择器会获取这些元素，但不会返回这些元素会返回一个对象，称为jQuery构造出来的对象对象里有一些函数（方法），这些函数会操作这些元素 //闭包同时返回this //链式操作一、选择网页中的元素jQuery的基本设计思想和主要用法，就是"选择某个网页元素，然后对其进行某种操作"。这是它区别...
jquery find 找到frame select_jQuery常用的元素查找方法总结
weixin_39679061的博客
11-21 536
jQuery支持所有css选择器，只要jQuery允许使用的css选择器，都屏蔽了兼容性问题1.基本选择器：1.$("#id") id选择器2.$(".className") class选择器3.$("tagName")标签选择器4.$("*")所有元素选择器5.$("selector1,selector2,...") 组合选择，把符合条件的都找到2.层次选择器：1.$("select1 sele...
selenium自动化实例： 多层框架中关于iframe的定位，以及select下拉框选择
weixin_33895016的博客
06-13 572
对于一个自动化的初学者来说会很常见的遇到元素明明存在却始终定位不到， 从而导致脚本报错，当然定位不到元素的原因很多， 其中一种就是多层框架iframe导致的 下方截图示意： 下方为写脚本时候的示例并其中还包含了下拉框定位问题 惜阳在开始写此模块自动化的时候，想要定位“审核状态“的下拉框但没有注意到iframe问题，导致报错报的自己都怀疑人生 后来才发现还有iframe，于...
jQuery的eq()和index()方法详解
xiamoziqian的博客
02-02 6554
关于eq()和index()方法，我们知道它们都可以获取元素的位置，但是具体是如何获取和排队的呢？两者又有什么区别呢？我们通过一个小例子来试验一下。 html部分 &amp;lt;div class=&quot;box&quot;&amp;gt; &amp;lt;p&amp;gt;&amp;lt;/p&amp;gt; &amp;lt;p&amp;gt;&amp;lt;/p&amp;gt;
基于jQuery的打印插件——printThis.js使用说明文档
热门推荐
灼灼其华的博客
10-31 1万+
知识点解析： 1. 跨域操作的必要性        结合printThis的实际情况，动态生成的iframe打印内容和当前页面属于同一基础域名下的两个不同的子域，正常情况下，这两个子域是不能相互通信的，而我们的需求是用网站头部引入的样式去渲染打印文本即iframe的表现样式，所以必须实现跨域操作。 2. document.domain实现同一基础域名下不同子域之间的跨域操作
bs4遍历文档树,搜素文档树,find_all参数,selenium,模拟登陆百度
yikenaoguazi的博客
01-22 521
这里写目录标题一.昨日回顾二.今日内容1.bs4遍历文档树2.bs4的搜索文档树3.find_all的其他参数4.css选择器5.selenium的介绍6.selenium的使用7.模拟登陆百度8.selenium的其他使用 一.昨日回顾 1 项目演示 -mkvirtualenv -p python3 gist -git clone xxx -pycharm打开 -确保python解释器3.6（如果是3.6以上，百度改源码） -修改配置文件连接数据库使用sqlite -创
jquery 源码2.2.4
FancierX的专栏
05-23 2534
jquery 源码2.2.4
jQuery介绍 jQuery基本使用 jQuery选择器 jQuery样式操作 jQuery动画效果
kjs--的博客
02-24 426
1.1. jQuery 介绍 1.1.1 JavaScript 库 JavaScript库：即 library，是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。 简单理解： 就是一个JS 文件，里面对我们原生js代码进行了封装，存放到里面。这样我们可以快速高效的使用这些封装好的功能了。 比如 jQuery，就是为了快速方便的操作DOM，里面基本都是函数（方法）。 常见的Jav
select frame 什么意思？
weixin_34032792的博客
04-18 1194
seleniumlibrary库中的一个方法 转载于:https://www.cnblogs.com/Chamberlain/p/10728746.html
selenium.selectFrame()方法掌握
smile_juan
01-14 1万+
我们有个日志发表功能，几乎所有的网站都有，我们网站日志的编辑框是一个内嵌的iframe，用selenium录制脚本的时候，发现检索不到，导致日志根本没有办法提交，下图是我们网址日志的截图之后，找到了selenium.selectFrame()方法，但是网站的"发表"按钮并不在iframe里面，所有就一直找不到“发表”按钮，测试通不过啊，终于上网找啊找，终于找到一个方法，其实很简单，但是由于对selenium的方法还不熟悉，所以还是花了不少时间的。代码如下：package com.jiaoyu;import
select iframe 基础 用法
weixin_30832405的博客
07-06 487
<script type="text/javascript"> function setsubmit() { if(mylink.value == 0) window.location='http://www.baidu.com'; if(mylink.value == 1) window.location='http://www.w3cschool.cn'...
SparkSQL中DataFrame Operations操作（select、filter、groupBy、count）
RiverCode的博客
03-07 1万+
代码+图文讲解SparkSQL DataFrame操作，select、filter、groupBy、count操作
RobotFramework学习笔记二：遇到Frame框架
linlu_home的博客
12-14 7674
当元素存在frame/iframe框架内部时，RF会报找不到该元素，这时需要使用Select Frame 和Unselect Frame 关键字进行操作了。
H5 iframe应用总结1 + 选项卡 .eq($(this).index())
weixin_44776698的博客
06-05 1068
采用iframe有它的便捷之处，如下图左侧的选项对应各自右侧主体部分，iframe可以让右侧主体部分单独拎出去写，每一个选项可以对应单独一个html，方便快捷。 采用iframe有几点需要注意的 <iframe style="width:100%;height:100%;background:#f2f2f2;"" id="mainFrame" name="mainFrame" scrol...
jquery查找frameset框架内iframe的元素
weixin_30735391的博客
03-14 258
老系统还幸存有过时的frameset框架，维护升级工作需要对其内部的iframe中的元素进行相关操作。使用jquery查找子iframe页面内的元素时，总找不到目标元素。后来发现少了contents 谨记： var e = $('#id').contents().find('iframeid').contents().find('subiframeid');...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值