element | 易学教程

jQuery模糊匹配checkbox全选 value实现checkbox部分或全部全选

阅读更多关于 jQuery模糊匹配checkbox全选 value实现checkbox部分或全部全选

本文章总结jQuery实现checkbox三种情况的全选功能第一种：等值全选，也称name的等值全选，通过checkbox的名称name实现。第二种：模糊全选，也称id模糊全选，通过checkbox的id或value值实现。第三种：值范围全选，也称value值范围全选，通过checkbox的value值实现，或者截取id数字后缀范围判断实现。等值全选在工作中经常会用到checkbox的全选功能，平时大家用得最多的全选和反选是第一种，一般都是基于全部名称相同的checkbox进行实现，这种全选比较简单。实现代码如下： $("input#allSer").click(function(){ if(this.checked){ $("input[type='checkbox'][name='newselectedServers']").attr("checked",true); }else{ $("input[type='checkbox'][name='newselectedServers']").attr("checked",false); } }); 以上代码实现的功能：当单击id="allSer”的按钮时，所有名name=“newselectedServers"的checkbox就被全选上，再次单击时则取消全选，功能比较简单，就不再详述模糊全选

HTML行内元素块级元素和行内块状元素

阅读更多关于 HTML行内元素块级元素和行内块状元素

HTML可以将元素分类方式分为行内元素、块状元素和行内块状元素三种。 1.行内元素（inline element）：主要用来包裹文字，设置特殊意义或效果。 2.块级元素（block element）：主要对页面进行布局 ①一般情况下在块级元素中放行内元素，而不会在行内元素中放块级元素 ②块级元素基本上什么都能放（包括块级元素） ③p元素不能放任何块级元素（如出现不符规则浏览器自动纠正，右键-检查元素-element） 3.行内块级元素（inline-block element）：同时具备行内元素、块状元素的特点。但是各有取舍。因此行内块状元素在日常的使用中，由于其特性，使用的次数也比较多。行内元素常见的行内元素： a – 锚点 br – 换行 em – 强调 i – 斜体 img – 图片 input – 输入框 label – 表格标签 span – 常用内联容器，定义文本内区块 strong – 粗体强调 textarea – 多行文本输入框块状元素常用的块级元素： address – 地址 blockquote – 块引用 center – 举中对齐块（不赞成使用，推荐css） dir – 目录列表（不赞成使用，推荐css） div – 常用块级容器，也是CSS layout的主要标签 dl – 定义列表 fieldset – form控制组 form –

自动化测试框架中关于selenium api的二次封装

阅读更多关于自动化测试框架中关于selenium api的二次封装

不多说，直接看代码如下： from selenium import webdriver from selenium.webdriver.common.action_chains import ActionChains from selenium.webdriver.common.desired_capabilities import DesiredCapabilities from selenium.webdriver.support.ui import WebDriverWait from selenium.webdriver.support import expected_conditions as EC from selenium.webdriver.common.by import By class webutils(): def __init__(self, browser='firefox'): ''' :param browser: 浏览器对象 :return: ''' if browser == "firefox" : driver = webdriver.Firefox() elif browser == "chrome": driver = webdriver.Chrome() elif browser == "ie" : DesiredCapabilities

Oracle cursor and table

阅读更多关于 Oracle cursor and table

1 、索引表 TYPE type_name IS TABLE OF element_type INDEX BY index_type; table_name type_name ; element_type：集合中的元素的类型。如number、 char , 也可以是记录 index_type ：只能是整型或者字符串 pls_integer , binary_integer or char 复制代码 DECLARE type acct_num_type IS TABLE OF VARCHAR2 ( 20 ) INDEX BY pls_integer; acct_num_tab acct_num_type; v_index pls_integer : = 0 ; BEGIN FOR i IN ( SELECT ACCT_NUM FROM ACCOUNT WHERE ROWNUM < 5 ) LOOP v_index : = v_index + 1 ; acct_num_tab(v_index) : = i.ACCT_NUM; END LOOP; FOR i IN acct_num_tab.FIRST .. acct_num_tab.LAST LOOP DBMS_OUTPUT.PUT_LINE(acct_num_tab(i)); END LOOP; END ; / set

博客主题——element v2

阅读更多关于博客主题——element v2

主题预览主题下载 gshang.element-v2.rar 来源： oschina 链接： https://my.oschina.net/u/4290288/blog/4306034

如何使用CSS将文本垂直居中？ [重复]

阅读更多关于如何使用CSS将文本垂直居中？ [重复]

问题： This question already has an answer here: 这个问题已经在这里有了答案： How to center an element horizontally and vertically 19 answers 如何水平和垂直居中放置 19个答案 I have a div element which contains text, and I want to align the contents of this div vertically center. 我有一个包含文本的div元素，并且我想将此div的内容垂直居中对齐。 Here is my div style: 这是我的div样式： #box { height: 170px; width: 270px; background: #000; font-size: 48px; color: #FFF; text-align: center; } <div id="box"> Lorem ipsum dolor sit </div> What is the best way to do this? 做这个的最好方式是什么？解决方案：参考一： https://stackoom.com/question/bCJG/如何使用CSS将文本垂直居中-重复参考二： https://oldbug.net

《前端那些事》聊聊前端的按需加载

阅读更多关于《前端那些事》聊聊前端的按需加载

树酱希望将前端的乐趣带给大家本文已收录 github.com/littleTreem… 喜欢就star✨ 前沿：按需加载是性能优化其中的一个环节，可以是图片的按需加载，也就是lazyload来实现按需加载的场景,也可以是组件库的引入，只需部分组件的使用而无需全局引入整个组件库的场景，又可以是路由的按需加载，当路由被访问的时候才加载对应组件的场景，以此来实现更高效率的使用等等，本文把“懒加载”也划分为按需加载 1.图片按需加载场景：当一个页面存在需要多个图片加载的场景时，可以通过我们经常看到的所谓“懒加载”，当滑动到图片相应的位置时再加载图片的信息，以此来实现按需加载，举个最简单的例子，你去逛淘宝的时候，电商网站图片信息是很多的，这个时候如果把当前页面下的图片都将资源请求过来，是很消耗资源的，对网站的体验也是极其不好，只需要加载你当前“视线”下的图片即可，vue技术栈中 vue-lazyload 即可实现，下面聊聊它的使用和原理 1.1 vue-lazyload是什么本质上懒加载就是，在适当的时候加载用户需要看的资源（可视区域），当页面开发时将src路径先预先设置好属性，这样页面加载时图片就不会马上向服务器请求资源，而是当图片滚动到可视区内时，再给src赋值并加载资源，而 vue-lazyload 就是基于这个概念实现的一个vue的工具库，官方介绍：A Vue.js

Element Form表单实践（上）

阅读更多关于 Element Form表单实践（上）

作者：小土豆biubiubiu 博客园： https://www.cnblogs.com/HouJiao/ 掘金： https://juejin.im/user/58c61b4361ff4b005d9e894d 微信公众号：土豆妈的碎碎念（扫码关注，一起吸猫，一起听故事，一起学习前端技术）码字不易，点赞鼓励哟~ 前言本篇文章主要是实践一下 Element 中的 Form 表单组件。本篇内容较为简单，基本上是参照着文档将表单部分内容实践了一下，后续会持续更新表单的一些常用功能。同时下一篇文章 Element Form表单实践（下）将会分享项目开发中的一个表单实践，记录在这个过程中遇到的一些问题。项目环境为了简单快速，我使用引入 cdn 静态资源的方式搭建项目的开发环境。  <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Element Form表单实践</title>  <script src="https://cdn.jsdelivr

Java集合框架-概述

阅读更多关于 Java集合框架-概述

Java 集合框架学习目标会使用集合存储数据遍历集合，取出数据掌握每种集合的特性学习方法学习顶层！通过顶层接口/抽象类的共性方法，所有子类都可以使用使用底层！顶层无法创建对象，需要使用具体的实现类创建对象框架图第一章 Collction集合一种工具，放在 java.util 包中单列集合的最顶层接口，定义了所有单列集合的共性方法方法描述 boolean add(E e) 把给定的对象添加到当前集合中 boolean isEmpty() 如果此集合不包含元素，则返回 true 。 boolean remove(E e) 从该集合中删除指定元素的单个实例（如果存在） int size() 返回此集合中的元素数。 boolean contains(E e) 如果此集合包含指定的元素，则返回 true 。 Object[] toArray() 返回一个包含此集合中所有元素的数组。 void clear() 从此集合中清空所有元素创建集合对象时，使用多态，面向接口编程比如 Collection<String> list = new ArrayList<String>(); 测试代码 package collection; import java.util.ArrayList; import java.util.Collection; /** *

获取所选元素的外部HTML

阅读更多关于获取所选元素的外部HTML

问题： I'm trying to get the HTML of a selected object with jQuery. 我正在尝试使用jQuery获取选定对象的HTML。 I am aware of the .html() function; 我知道 .html() 函数； the issue is that I need the HTML including the selected object (a table row in this case, where .html() only returns the cells inside the row). 问题是我需要包含所选对象的HTML（在这种情况下为表格行，其中 .html() 仅返回行内的单元格）。 I've searched around and found a few very 'hackish' type methods of cloning an object, adding it to a newly created div, etc, etc, but this seems really dirty. 我四处搜寻，发现了一些克隆对象，将其添加到新创建的div等中的非常“ hackish”类型的方法，等等，但这似乎很脏。 Is there any better way, or does the new

订阅 element