querySelector 、 querySelectorAll 外的其他选择器。...Function,那选择器就无法共享各种对Function原型的增强了,所以我们需要通过一层薄薄的封装来处理。...StyleSheetList类型对象(属于NodeList类型,想了解跟多NodeList和HTMLCollection可留意另一篇《JS魔法堂:那些困扰你的DOM集合类型》)。...由于涉及的边幅过大,因此打算另开一篇《JS魔法堂:哈佬,css.js!》...+[1,]) 判断IE5678的黑魔法我想大家早已从司徒正美的blog那听闻过了,但底层到底是怎样换算出来的呢?我们可以通过后面的《JS魔法堂:隐式类型转换的背后》来一起探讨一下!
问: 在 shell 脚本编程中,=,== 和 -eq 之间的区别是什么? 以下内容是否有任何区别?...[ $a = $b ] [ $a == $b ] [ $a -eq $b ] 是不是 = 和 == 只在变量包含数字时使用?...答: = 和 == 用于字符串比较 -eq 用于数值比较 注意 == 不是 POSIX 兼容的,在 sh(Bourne Shell) 或其兼容的 POSIX shell 中,== 用于字符串比较的操作符不是正式支持的...# bash-style 0 $ [ "$a" -eq foo ]; echo "$?"...如果你想编写兼容 POSIX 的脚本,在比较字符串时最好使用单等号 = 或者用双方括号的表达式。 -eq 是条件测试的一部分,用于在 [ ] 或 [[ ]] 结构中判断两个整数是否相等。 #!
$(this).addClass(‘class’):为当前元素添加’class’类(供选择器使用 - - ) $(this).siblings(‘class’):查找当前元素的所有类名为 “class”...$('.swiper-wrapper').html(str); } eq() show() hide() //index对应的显示,其余隐藏 $(".tab_con .item").eq...// 3.让下部里面相应索引号的item显示,其余的item隐藏 $(".tab_con .item").eq(index).show().siblings().hide....item { display: none; } <script src="jquery.min.<em>js</em>...// 3.让下部里面相应索引号<em>的</em>item显示,其余<em>的</em>item隐藏 $(".tab_con .item").eq(index).show().siblings().hide
元素集合 :eq(index) 获取索引值等于 index 的元素,索引号从 0 开始 单个元素,如 $(“li:eq(1)”) 获取索引等于 1 的 元素 :gt(index) 获取索引值大于... $(function() { $("p:eq(0)")....css("color", "red"); $("p:eq(1)").css("color", "red"); $("p:eq(3)").css("color", "red..."); $("p:eq(4)").css("color", "red"); $("p:eq(5)").css("color", "red"); }); 二、表单选择器 表单选择器是除了基础选择器的id、class、element之外用的比较多的选择器,一般在填写注册信息的时候会使用到。
jQuery是一个快速的、轻量的、功能丰富的js库。 jQuery的官网 http://jquery.com/ jQuery就是一个js库,使用jQuery的话,会比使用JavaScript更简单。...js库:把一些常用到的方法写到一个单独的js文件,使用的时候直接去引用这js文件就可以了。...(animate.js、common.js) 使用步骤 引包(引入js文件) 入口函数 $(document).ready...过滤选择器 这类选择器都带冒号: 名称 用法 描述 :eq(index) $(“li:eq(2)”).css(“color”, ”red”); 获取到的li元素中,选择索引号为2的元素,索引号index...parent() $(“#first”).parent(); 查找父亲 eq(index) $(“li”).eq(2); 相当于$(“li:eq(2)”),index从0开始 next() $(“li”
目录 使用jQuery js与jQuery代码对比 jQuery选择器:用来选中元素 基本方法 ---- js与jQuery代码对比 jQuery选择器:用来选中元素 基本方法 使用jQuery jQuery...是什么:jQuery是JavaScript的类库,封装了很多js代码。...官网:http://jquery.com/ 为什么要学jQuery:可以简化JavaScript开发,jQuery中包含有:选择器,CSS样式,HTML事件处理,JS动画 以及丰富的插件等等,而且浏览器兼容性很高...我们可以先看一下比较流行的前端框架https://www.bootcdn.cn/ 了解一下Bootstrap 现在企业用的非常的多,还有React、jQuery、Angular.js、Vue.js这些前端框架是目前企业用的非常多的...),如下图 JS版: jQuery版: 先引入jQuery库 jQuery选择器:用来选中元素 1.1基本选择器 1.2层次选择器 1.3过滤选择器
使用jquery时经常会遇到,选择器选择一组元素后,需要在这组元素中找到第几个元素。...jquery中使用eq()方法找到第几个元素或第N个元素,jquery中eq()的使用如下: eq() 选择器选取带有指定 index 值的元素。...index 值从 0 开始,所有第一个元素的 index 值是 0(不是 1)。 经常与其他元素/选择器一起使用,来选择指定的组中特定序号的元素。...例子: $('#test').children().eq(1).css({'display':'inline-block'}); 将id为test的元素的第二个子元素样式设置为’display’:‘inline-block...另一种写法 $(":eq(index)") 如:$("p:eq(1)") 附另一种办法的例子 <script type="text/javascript" src="/jquery-latest.<em>js</em>"
目录 首先在官网下载jquary的js文件 html页面文件里面引入 jQuery中的选择器 基本选择器id 选择器标签选择器 (“a”)类选择器 (“.class”) 首先在官网下载jquary的js...以后就可以在这个HTML页面使用jquary的语法了 jQuery中的选择器 我们打开jquary的中文参考文档 ? ? 打开就是以上的界面。 基本选择器 ?...var inp= $("input"); console.log(inp[0].value); //inp.eq(1) --获得下标为1的元素对象 ,这个对象仍是...JQ console.log(inp.eq(1).val()); } 类选择器 $(“.class”) $(“h2.class”) function demo3()...--里面书写的是下标0开始 //$("ul li:eq(2)").css("background-color","red"); //$("ul li").eq(3).css(
选择器 2.1. 什么是jQuery选择器 jQuery选择器是jQuery为我们提供的一组方法,让我们更加方便的获取到页面中的元素。注意:jQuery选择器返回的是jQuery对象。...【查看jQuery文档】 jQuery选择器虽然很多,但是选择器之间可以相互替代,就是说获取一个元素,你会有很多种方法获取到。所以我们平时真正能用到的只是少数的最常用的选择器。 2.2....基本选择器 名称 用法 描述 ID选择器 $(“#id”); 获取指定ID的元素 类选择器 $(“.class”); 获取同一类class的元素 标签选择器 $(“div”); 获取同一类标签的所有元素...层级选择器 名称 用法 描述 子代选择器 $(“ul>li”); 使用>号,获取儿子层级的元素,注意,并不会获取孙子层级的元素 后代选择器 $(“ul li”); 使用空格,代表后代选择器,获取ul下的所有...过滤选择器 这类选择器都带冒号: 名称 用法 描述 :eq(index) $(“li:eq(2)”).css(“color”, ”red”); 获取到的li元素中,选择索引号为2的元素,索引号index
第2章 选择器 jQuery选择器是jQuery为我们提供的一组方法,让我们更加方便的获取到页面中的元素。注意:jQuery选择器返回的是jQuery对象。...语法模板: 00-语法模板.html(需要包含jquery.js) //常用选择器 //根据id获取元素 获取到的结果:类数组对象...2.3 jQuery过滤选择器(了解为主) 这类选择器都带冒号: 名称 用法 描述 :eq(index) $(‘li:eq(2)’).css(‘color’, ‘red’); 获取到的li元素中,选择索引号为...parent() $(’#first’).parent(); 查找父亲 eq(index) $(‘li’).eq(2); 相当于$(‘li:eq(2)’),index从0开始 next() $(‘li’...prev() $(‘li’).prev() 找上一次兄弟 closest $(‘li’).closest(‘ul’) 找最近一个祖先元素 语法模板: 00-语法模板.html(需要包含jquery.js
}); //第二种写法 $(function() { }); jQuery入口函数与js入口函数的对比: JavaScript的入口函数要等到页面中所有资源(包括图片、文件)加载完成才开始执行...//a.引入一个js文件,是会执行这js文件中的代码的....注意:jQuery选择器返回的是jQuery对象。 jQuery选择器有很多,基本兼容了CSS1到CSS3所有的选择器,并且jQuery还添加了很多扩展性的选择器。...过滤选择器 名称 用法 描述 :eq(index) $(“li:eq(2)”).css(“color”, ”red”); 获取到的li元素中,选择索引号为2的元素,索引号index...parent() $(“#first”).parent(); 查找父亲 eq(index) $(“li”).eq(2); 相当于$(“li:eq(2)”),index从0开始 next
整体使用思路与原生js没有太大区别,所以jquery做的最多的一件事情就是简化原生js的代码量。选择器在操作dom上使用非常频繁,所以jq一定会简化选择器使用方式。...原生选择器使用如下: document.querySelector(".box") 恩这里声明下,js用最新语法形式,不去考虑兼容性问题。...恩,到这,jquery 是基于js来实现的 ,那么我们如何用原生js来实现一个选择器封装呢?one thousand years later....!...实现click方法 但是细想,无论是js选择器还是jquery选择器都是需要来获取节点进行操作的。所以你会发现,我们这样定义没办法后续操作了。我们以click操作作为案例来瞅一下。...eq方法实现 在jquery中有些比较有特点的方法。比如eq ,可以选择具体哪个节点来进行操作。通过eq方法也可以看到现在经常在前端中见到的链式操作。
简单理解: 就是一个JS 文件,里面对我们原生js代码进行了封装,存放到里面。这样我们可以快速高效的使用这些封装好的功能了。...j 就是 JavaScript; Query 查询; 意思就是查询js,把js中的DOM操作做了封装,我们可以快速的查询使用里面的功能。...相当于原生 js 中的 DOMContentLoaded。 不同于原生 js 中的 load 事件是等页面文档、外部的 js 文件、css文件、图片加载完毕才执行内部代码。 更推荐使用第一种方式。...1.3. jQuery 选择器 原生 JS 获取元素方式很多,很杂,而且兼容性情况不一致,因此 jQuery 给我们做了封装,使获取元素统一标准。 1.3.1....基础选择器 $("选择器") // 里面选择器直接写 CSS 选择器即可,但是要加引号 ? 1.3.2. 层级选择器 层级选择器最常用的两个分别为:后代选择器和子代选择器。 ?
1、jQuery的基本用法 1.1 jQuery引入 1.2...基本选择器的语法:$("选择器").action(); 2.1 基本选择器 名称 语法 说明 标签选择器 element 选取指定标签名的元素 类选择器 .class 选取指定类名的元素 ID选择器...可见性选择器 语法 说明 :visible 选取所有可见的元素 hidden()方法 隐藏 :hidden 选取所有隐藏的元素 show()方法 显示 2.5 jQuery选择器注意事项 选择器的书写规范很严格...,多一个或少一个空格,都会影响选择器的效果; 2.6 $("选择器").css() 方法 说明 $("选择器").css("属性名称","属性值") 对单个css属性赋值 $("选择器").css({"...,需要执行的操作函数 $("#showImg").click(function(){ // $("img:eq(0)").show();//立刻显示 $("img:eq(0)").
在 jQuery 中就只有一种方式:$("选择器") 1、id 选择器 语法: $("#id选择器的值") $(function () {// 页面加载 $("#btn").click(function...表示的显示和隐藏的动画效果。 4、stop 方法表示在显示和隐藏之前先清除之前的动画效果,防止鼠标操作过快,动画的显示跟不上操作。 10、过滤选择器 这类选择器都带有冒号。...:eq(index) // 选择一个给定索引值的元素 :odd // 选择索引为奇数的元素 :even // 选择索引为偶数的元素 用法: $("li:eq(2)") // 匹配li...2、:eq() 选择器:匹配一个给定索引值的元素。 3、.hide() 隐藏一个元素; .show() 显示一个元素。...li"); (后代选择器)相当于$("ul li") eq(index) $("li").eq(2) 相当于 $("li:eq(2)"); parent() $("#first").parent();
"> //jquery:简单、粗暴 //jq和js的关系 //js是什么?...js是一门编程语言 //jq仅仅是基于js的一个库,jq可理解为就是开发js的一个工具。 //概念 //1. 为什么要学jquery ?...js库,说白了就是js文件,里面有一大堆的方法 //3. 使用jquery的步骤: 1. 引入jquery文件 2. 入口函数 功能实现 //4....标签 类 id选择器 交集 并集 //层级选择器: 子代 后代 //过滤选择器: //:odd:奇数 even:偶数 :eq:指定下标 //:first :last...next:下一个兄弟 //prev:上一次兄弟 //eq:指定下标 //index():返回的当前元素在所有兄弟里面的索引。
二、选择器的用法 1、.eq(index),.get([index]) 对于一个特定结果集,我们想获取到指定index的jQuery对象 $('div').eq(3); //获取结果集中的第四个jQuery...如果提供一个选择器,那么只有紧跟着的兄弟元素满足选择器时,才会返回此元素。...prev正好相反,获取元素之前的同辈元素 $('.child').eq(1).next().addClass('ddd') $('.child').eq(1).prev().addClass('ddd'...) 获得集合中每个匹配元素的祖先元素,可以提供一个可选的选择器作为参数 $('.child').parents('.container') ?...二、实现tab切换 使用 jQuery 实现 Tab 切换效果 使用 原生 js 实现 Tab 切换效果 document.querySelectorAll('.mod-tab .tab').forEach
事件是等页面文档、外部的 js 文件、css文件、图片加载完毕才执行内部代码。...中的window 1.1.3 jQuery 对象和 DOM 对象 用原生 JS 获取来的对象是 DOM 对象 jQuery 方法获取的元素是 jQuery 对象。...2.1.1 基础选择器 名称 用法 描述 ID选择器 $(’#id’) 获取指定ID的元素 全选选择器 $(’*"’) 匹配所有元素 类选择器 $(".class") 获取同一类class的元素 标签选择器...$(“div”) 获取同一类标签的所有元素 并集选择器 $(“div,p,li”) 选取多个元素 交集选择器 $s(“Ii.current”) 交集元素 2.1.2 层级选择器 名称 用法 描述 子代选择器...筛选选择器 名称 用法 描述 :first $(‘li:first’) 获取第一个li元素 :last $(‘li:last’) 获取最后一个li元素 :eq(index) $(“li:eq(2)”)
基本选择器 基本选择器包括标签选择器、类选择器、ID选择器、并集选择器、交集选择器和全局选择器。.../jquery-3.4.1.min.js"> // 标签选择器,获得所有的 p $("p").css("color","red"); // 类选择器...2 的 li $("li:eq(2)").css("color","red"); // 下标大于 1 的 li $("li:gt(1)").css("color","red")...first() 过滤第一个元素 last() 过滤最后一个元素 eq(index) 过滤到下标为 index 的元素 not() 除了什么之外的元素 is() 返回布尔,判断是不是这种元素 <button...var x = $("li").eq(1).text(); // 除了下标为 1 的其余所有 li var x = $("li").not("li:eq(1)").text
Cortana 和小冰的产品定位并不相同,一个主打IQ,主要用来解决问题,一个主打 EQ,主要陪人唠嗑。 微软一直对外宣称,小冰之所以能够具备并理解“情感”,都是因为背后的情感计算框架。...在今天的发布会上,李笛表示,第五代小冰正在逐步进入情感计算框架的完成态,EQ 的极致不是情绪化,而是理性,这正是小冰所追求的。...基于 EQ 的核心对话引擎 首先,从今天开始,微软会升级第五代小冰的核心对话引擎。...第二阶段是初级感官,即在人工智能系统中,用一种核心引擎(如小冰的EQ核心对话引擎)将上述各种交互统一起来,使不同感官可以混合运用。例如,在文本对话过程中自然切换至图像、语音,再切换回文本。...真正能普及的 IoT 设备,成功的可能性只有两个:或者把 IQ 做到极致,让用户通过 IoT设备体会到比其他现有方式更加便捷高效的益处,或者把EQ做到极致,让人们能强烈地认知到她在这个设备里的存在,产生情感纽带
领取专属 10元无门槛券
手把手带您无忧上云