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. 层级选择器 层级选择器最常用的两个分别为：后代选择器和子代选择器。 ?
在 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();
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:简单、粗暴 //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元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
