style='background-Color:red;width: 300px;height:300px ;'> 刷新之后就自动触发动画,执行的动画变量名是a,两秒内完成动画...animation-timing-function animation-delay linear 动画从头到尾的速度是相同的。 ease 默认。动画以低速开始,然后加快,在结束前变慢。...ease-in 动画以低速开始。 ease-out 动画以低速结束。 ease-in-out 动画以低速开始和结束。...动画按正常播放。 reverse 动画反向播放。 alternate 动画在奇数次(1、3、5...)正向播放,在偶数次(2、4、6...)反向播放。...alternate-reverse 动画在奇数次(1、3、5...)反向播放,在偶数次(2、4、6...)正向播放。 initial 设置该属性为它的默认值。请参阅 initial。
大概看了一点纯js动画,js动画核心在于对css样式的更改,外加一个重复时间对css不断的累加得到动画效果 下面依次说明 animation-name 和关键帧进行绑定 必须和关键帧的名字相同(废话).../index.js"> 动画延迟了0.9秒 animation-iteration-count 定义动画的迭代次数infinite 为永远重复 数值为number 举栗子 animation-iteration-count...:3; 动画重复播放3次。...的值为infinity否则不会出现重复播放 normal 为一个每次重复重新的位置开始播放(每次都将重置为新状态,开始执行) alternate-reverse 奇数倒序播放 偶数正向播放 即倒来回 <img src="https://melovemingming-1253878077
input:not(:checked)") :even 选取所有元素中偶数索引的元素,从 0 开始计数 $("tr:even") ----- 选取奇数元素 :odd 选取所有元素中奇数索引的元素 ,从0...匹配所有正在执行动画效果的元素 练习3: ² 设置表格第一行,显示为红色 ² 设置表格除第一行以外 显示为蓝色 ² 设置表格奇数行背景色 黄色 ² 设置表格偶数行背景色 绿色 ² 设置页面中所有标题...这个动画效果只调整元素的高度,可以使匹配的元素以“滑动”的方式显示出来。在jQuery 1.3中,上下的padding和margin也会有动画,效果更流畅。...这个动画只调整元素的不透明度,也就是说所有匹配的元素的高度和宽度不会发生变化。...下3的倍数行,字体颜色为红色 ² 表格 奇数行 背景色 黄色 ² 表格 偶数行 背景色 灰色 ² 只有一个td的 tr元素 字体为 蓝色 <scripttype="text/javascript"src
jQuery 是一个快速、简洁的 JavaScript 框架,封装 JavaScript 常用的功能代码,提供一种简便的 JavaScript 设计模式,优化 HTML 文档操作、事件处理、动画设计和...")选取所有 和 class 为 item 的 标签的元素 层次选择器,适合于通过 DOM 元素之间的层次关系来获取特定元素,例如后代元素,子元素,相邻元素和兄弟元素,总结如下:... 的子元素 相邻元素选择器 集合元素 $(".item+div") 选取 Class 为 item 的下一个 兄弟元素 兄弟元素选择器 集合元素 $("#item~div")...选取 ID 为 item 的元素后面的所有 兄弟元素 过滤选择器,主要是通过特定的过滤规则来筛选出所需的 DOM 元素,过滤规则与 CSS 中的伪类选择器语法相同,即选择器都以一个冒号:开头...:animated 集合元素 $("div: animated") 选取正在执行动画的 元素 表单选择器,利用表单选择器我们可以极其方便地获取表单的某个或某类型的元素,总结如下: 选择器
回文数是指正序(从左向右)和倒序(从右向左)读都是一样的整数。 示例 1: 输入: 121 输出: true 示例 2: 输入: -121 输出: false 解释: 从左向右读, 为 -121 。...题目解析 解法一:普通解法 最好理解的一种解法就是先将 整数转为字符串 ,然后将字符串分割为数组,只需要循环数组的一半长度进行判断对应元素是否相等即可。 动画描述 ?...这里需要注意的一个点就是由于回文数的位数可奇可偶,所以当它的长度是偶数时,它对折过来应该是相等的;当它的长度是奇数时,那么它对折过来后,有一个的长度需要去掉一位数(除以 10 并取整)。...都要自除以 10 判断 x 是不是小于 revertNum ,当它小于的时候,说明数字已经对半或者过半了 最后,判断奇偶数情况:如果是偶数的话,revertNum 和 x 相等;如果是奇数的话,最中间的数字就在...revertNum 的最低位上,将它除以 10 以后应该和 x 相等。
,换言之,每个动画循环结束,动画重置到起点重新开始,这是默认属性。...reverse 反向运行动画,每周期结束动画由尾到头运行。...alternate 动画交替反向运行,反向运行时,动画按步后退,同时,带时间功能的函数也反向,比如,ease-in 在反向时成为ease-out。...计数取决于开始时是奇数迭代还是偶数迭代 alternate-reverse 动画第一次运行时是反向的,然后下一次是正向,后面依次循环。决定奇数次或偶数次的计数从1开始。...例子 /* HTML */ /* CSS */ @keyframes
jQuery的语法设计使得许多操作变得容易,如操作文档对象(document)、选择文档对象模型(DOM)元素、创建动画效果、处理事件、以及开发Ajax程序。...jQuery也提供了给开发人员在其上创建插件的能力。这使开发人员可以对底层交互与动画、高级效果和高级主题化的组件进行抽象化。... //通过JS的方式获取所有div标签 var divs=document.getElementsByTagName("div"); //遍历标签集合...)相同的元素 $(“.class”) 并集选择器:获得多个选择器所选中的元素 $(“选择器1,选择器2,…”) 层级选择器 后代选择器:会选择A标签下所有与B标签相一致的元素(包括子辈与孙辈等等)...非元素选择器:不包括指定内容的元素 $(“选择器:not(selector)”) 偶数选择器,奇数选择器(从0开始计数) (“选择器:even”) (“选择器:odd”) 等于索引选择器:指定索引元素
> 带有透明度的单色线性渐变 带有透明度的多色线性渐变 重复线性渐变...id="d">指定径向渐变的半径长度为从圆心到离心圆最近的边 指定径向渐变的半径长度为从圆心到离心圆最远的边 重复径向渐变...-- 补间动画:实现元素不同状态间的平滑过渡,即自动完成从起始状态到终止状态的过渡,不管中间的状态; transition-timing-function: linear:相同速度开始到结束...:hover { transform: skew(30deg, 60deg);/*X轴和Y轴的倾斜角度,参数为负表示向相反方向倾斜*/ }...normal-正常播放; reverse-反向播放; alternate-奇数正常播放,偶数反向播放;alternate-reverse-奇数反向,偶数正向*/ } @keyframes
(可以是ID选择器、元素选择器或是类名选择器)组合在一起,两个选择器之间以逗号”,”分隔,只要符合其中的任何一个筛选条件就会被匹配,返回的是一个集合形式的jQuery包装集,利用jQuery索引器可以取得集合中的...示例:(“div,#btn”) //要查询文档中的全部的元素和id属性为btn的元素 5.通配符选择器 二、层次选择器...prev元素之后的所有siblings元素,其中prev和siblings是个相同辈元素 使用公式: 三、过滤选择器 1.简单过滤器...示例:(“tr:even”) //匹配索引值为偶数的行 :odd 说明:匹配所有索引值为奇数的元素,索引值从0开始计数...示例:(“tr:odd”) //匹配索引值为奇数的行 :eq(index) 说明:匹配一个给定索引值的元素
以长度为 2 的整数数组 index1, index2 的形式返回这两个整数的下标 index1 和 index2。你可以假设每个输入 只对应唯一的答案 ,而且你 不可以 重复使用相同的元素。...存在重复元素 (easy)给你一个整数数组 nums 。如果任一值在数组中出现 至少两次 ,返回 true ;如果数组中每个元素互不相同,返回 false 。...动画过大,点击查看方法1:两次遍历思路:遍历数组,定义索引j为数组的第一个位置,遇上非0元素,让j位置上的元素等于这个非0元素,遍历完数组之后,j位置之后的元素全部置为0复杂度:时间复杂度O(n),空间复杂度...对数组进行排序,以便当 numsi 为奇数时,i 也是 奇数 ;当 numsi 为偶数时, i 也是 偶数 。你可以返回 任何满足上述条件的数组作为答案 。...方法1.双指针图片思路:循环偶数位置 如果遇到了奇数,然后循环奇数位置 如果遇到了第一个偶数,就交位复杂度:时间复杂度O(n),空间复杂度O(1)js:const swap = (nums, i, j)
: 接受两个参数的步进函数。第一个参数必须为正整数,指定函数的步数。第二个参数取值可以是start或end, 指定每一步的值发生变化的时间点。...: deepskyblue; /* animation:动画的关键帧名字 动画时间周期 动画的速度 动画的延迟时间 动画的次数 是否保留最后一帧...*/ /* alternate:奇数次按照正常运行,偶数次逆着运行 alternate-reverse:奇数次逆行,偶数次顺行 *...,normal,alternate,alternate-reverse*/ /* alternate:奇数次按照正常运行,偶数次逆着运行 alternate-reverse:奇数次逆行,偶数次顺行...------------------------- label 标签的for属性通过ID名字和输入框相绑定,那么点击label的标签,就像点击输入框标签一样 <!
9、直接兄弟选择器 语法:$("div+span") 选择的是div 后面的直接兄弟标签,如果这个直接兄弟为 span 标签则选中,如果为其他标签则不选中。...", "red"); $("div li:even").css("backgroundColor", "yellow"); }); }); :odd 选择第奇数个 li 标签。...表示的显示和隐藏的动画效果。 4、stop 方法表示在显示和隐藏之前先清除之前的动画效果,防止鼠标操作过快,动画的显示跟不上操作。 10、过滤选择器 这类选择器都带有冒号。...:eq(index) // 选择一个给定索引值的元素 :odd // 选择索引为奇数的元素 :even // 选择索引为偶数的元素 用法: $("li:eq(2)") // 匹配li...元素中,索引为2的元素 $("li:odd") // 匹配li元素中,索引为奇数的元素 $("li:even") // 匹配li元素中,索引为偶数的元素 10.1、案例:淘宝精品展示 效果:鼠标进入标签
今天分享的题目来源于 LeetCode 上的剑指 Offer 系列 面试题 21.调整数组顺序使奇数位于偶数前面,这道题目既可以使用 首尾双指针,也可以使用 快慢双指针,本文采用首尾双指针法。...,使得所有奇数位于数组的前半部分,所有偶数位于数组的后半部分。...提示: 1 <= nums.length <= 50000 1 <= nums[i] <= 10000 二、题目解析 定义头指针 left ,尾指针 right left 一直往右移,直到它指向的值为偶数...right 一直往左移, 直到它指向的值为奇数 交换 nums[left] 和 nums[right] 重复上述操作,直到 left == right 为止 三、动画描述 四、图片描述 ?...// left 一直往右移,直到它指向的值为偶数 while(left < right && (nums[left] & 1) == 1) left++;
() 注释: 1) 子元素和后代元素区别,a是b的子元素,b是c的子元素,那么可以说a和b都是c的后代元素 2) nextAll()和siblings的区别在于nextAll是有约束的...元素 :even 选取索引是偶数的所有元素 集合 $(“input:even”)选取偶数的input标签 :odd 选取索引是奇数的所有元素 集合 $(“input:odd”)选取索引是奇数的input...标签 :eq(index)和:gt(index)和:lt(index) 所以等于、大于、小于index的元素 :header 选取所有标题元素 集合 选取的是h1、h2等 :focus 选取获取当前焦点的元素...集合 内容过滤 选择器 描述 结果 示例 :contains(text) 选取包含有text内容的元素 集合 $(“div:contains(‘Joyous’)”)选取含有文本 为Joyous的div...[id]”)选取拥有id属性的div [attribute=value] 选取属性值是value的元素 集合 $(“div[class=myclass]”)选取class为myclass的div [attribute
$(“tr:even”) 所有偶数 元素,索引值从 0 开始,第一个元素是偶数 (0),第二个元素是奇数 (1),以此类推。...:odd $(“tr:odd”) 所有奇数 元素,索引值从 0 开始,第一个元素是偶数 (0),第二个元素是奇数 (1),以此类推。...li:first") //第一个li $("li:last") //最后一个li $("li:even") //挑选下标为偶数的li $("li:odd") //挑选下标为奇数的...如:$('div:animated) :eq(n) 选取第n个元素,如:$('ul.tonav li:eq(n)') :even 选取偶数个元素,如:$('li:even') :odd 选取奇数个元素,... 元素是 的子元素,同时是 和 的后代。 两个 元素是同胞(拥有相同的父元素)。
题目解析 我们先读题,找出题中关键词“包含整数的有序数组”、‘’元素出现两次“、”只有一个数出现一次“,这里我们可以知道:只出现一次的那个元素所在的有序数组元素个数必为奇数。 这个是解题的关键。...那么对于第一种情况 mid = mid - 1,那么以(3、3)为界将数组一分为二,判断两边的元素个数,因为我们知道只出现一次的那个元素所在的有序数组元素个数必为奇数,如果(3、3)左边的元素个数为奇数...空间复杂度:O(1),仅用了常数空间 解法二:仅对偶数索引进行二分搜索 我们发现当 mid 索引为偶数时,mid 两边的数组元素个数是偶数,如果 mid 索引为奇数时,mid 两边的数组元素个数为奇数。...当 mid 索引为偶数时,如果 mid = mid + 1 ,即解法一的第三种情况,因为mid右边个数为偶数,所以mid+2到hi个数为奇数,那么只出现一次的那个元素肯定在mid的右边,将lo移动到mid...如果 mid 索引为奇数,那么我们为了保证 mid 索引为偶数,将 mid 移到 mid - 1 位置,这样 mid 索引就变成偶数了,重复上述操作,直到 hi = lo ,搜索结束。
:even/:odd :even:偶数索引的标签 :odd:奇数索引的标签 :eq()/:gt()/:lt() eq():选取指定索引的元素 ge():选取大于指定索引的元素 lt...$("div:not(.green,.gray)").addClass("myClass"); //除了green和gay以外的元素添加myClass $("div:gt(3)").addClass...("myClass");//给最后三个元素添加myClass $("div:even").addClass("myClass");//偶数索引添加myClass $("div:odd")....addClass("myClass");// 奇数索引添加没有Class $("div:eq(3)").addClass("myClass");//给指定索引添加myClass $("...= value] 选取此属性值不为value的所有元素 [attribute ^= value] 选取此属性值为value开始的所有元素 [attribute $= value] 选取此属性值为value
集合元素 $("div , span ,p , myClass")选取所在div span 和拥有class为myClass的标签的一组元素 * 匹配所有元素 集合元素 $("*") 选取所在的元素...为one的下一个div元素 $("prev~siblings") 选取 prev 元素之后的所有siblings元素 集合元素 $("#one~div")选取id为two的元素后面的所有div兄弟元素...:not(selector) 去除所有与给定选择器匹配的元素 集合元素 $("input:not(.myClass)") :even 选取索引是偶数的所有元素,索引从0开始 集合元素 $("ul li:...even") :odd 选取索引是奇数的所有元素,索引从1开始 集合元素 $("ul li:odd") :eq(index) 选取索引等于index的元素,index从0开始 单个元素 $("ul:eq...集合元素 $(":header") :animated 选取当前正在执行动画的所有元素 集合元素 $("div:animated") 2、内容过滤选择器 选择器 描述 返回 示例 :contains(
java 集合最顶层接口是 Collection 和 Map; Collection 有三个核心接口,分别是 List,Set,Queue; List 是有序可重复的,它的主要实现类有 ArrayList...; Set 是无序不重复的,它的主要实现类有 HashSet、TreeSet 和 LinkedHashSet,它们分别是用对应的 Map 实现的,比如 HashSet 就是用 HashMap实现的,注意...Map 的主要实现类有 HashMap、LinkedHashMap、HashTable 和 TreeMap。 2. 什么是集合的快速失败机制?...只有当数组长度为 2 的 n 次幂时,hashCode 值与 (&) 数组长度减一的计算结果才会和 hashCode 值对数组长度取模的计算结果才会一致; 同时 2 的 n 次幂减一的二进制是若干个 1...,和奇数计算最后结果是奇数,和偶数计算的结果是偶数,如果最后一位是 0,那么不管和奇数还是偶数进行与 (&) 计算的结果都是偶数,不能保证散列分布均匀。
一、题目描述 输入一个整数数组,实现一个函数来调整该数组中数字的顺序,使得所有奇数位于数组的前半部分,所有偶数位于数组的后半部分。...提示: 1 <= nums.length <= 50000 1 <= nums[i] <= 10000 二、题目解析 定义头指针 left ,尾指针 right left 一直往右移,直到它指向的值为偶数...right 一直往左移, 直到它指向的值为奇数 交换 nums[left] 和 nums[right] 重复上述操作,直到 left == right 为止 三、动画描述 四、图片描述 面试题KeyNote...// left 一直往右移,直到它指向的值为偶数 while(left < right && (nums[left] & 1) == 1) left++; // right...一直往左移, 直到它指向的值为奇数 while(left < right && (nums[right] & 1) == 0) right--;
领取专属 10元无门槛券
手把手带您无忧上云