’*"’) 匹配所有元素 类选择器 $(".class") 获取同一类class的元素 标签选择器 $(“div”) 获取同一类标签的所有元素 并集选择器 $(“div,p,li”) 选取多个元素 交集选择器...$s(“Ii.current”) 交集元素 2.1.2 层级选择器 名称 用法 描述 子代选择器 $(“ul>li”); 使用>号，获取亲儿子层级的元素;注意，并不会获取孙子层级的元素 后代选择器...$(“ul li”); 使用空格，代表后代选择器，获取ul下的所有li元素，包括孙子等 2.1.3 筛选选择器 名称 用法 描述 :first $(‘li:first’) 获取第一个li元素 :last...停止动画排队：stop() ; 这样就可以在动画执行的时候停止动画 3.2.1 显示隐藏 显示隐藏：show() / hide() / toggle() ; 关于参数 参数都可以省略，无动画直接显示...attr() //获取 attr('属性名'); //更改 attr('属性名','属性值'); 4.1.3 数据缓存 data() 可以在指定的元素上存取数据，但不会修改DOM元素结构。
1.1 jquery 选择器 还记到大明湖畔（CSS）的夏雨荷（选择器）吗？选择器可以快速定位到元素并为其应用样式效果。jquery 选择器的选择规则与 CSS 相同，只是目的是为其添加操作。...不要有任何心理负担，它相当简单，如下： 1.选择 id 为 Ethan 的元素（类比 id 选择器） $('#Ethan') 2.选择 class 为 Yan 的元素（类比类选择器） $('.Yan')...//方式2 获取元素的索引值可以使用 index() 方法 1.3 jquery 动画 通过 animate 方法可以设置元素某属性值上的动画，动画执行完后会执行一个函数。...动画曲线，默认为‘swing’，缓冲运动，还可以设置为‘linear’，匀速运动 参数四：动画回调函数，动画完成后执行的匿名函数 */ 2.进阶 2.1 特殊效果 1. fadeIn() 淡入...jquery 中则是使用 html() 方法获取和设置 html 内容： // 获取内容 var $htm = $('#div1').html(); // 设置 html 内容 $('#div1').
4.1.1.3.jQuery特点 1.轻量级 2.强大的选择器 3.出色的Dom封装 4.可靠的事件处理 5.浏览器兼容性强 6.链式操作方式 7.隐式迭代 4.1.2.jQuery代码风格 l在jQuery...3)切换类 toggleClass(class)来回切换默认样式和指定样式 $('div').toggleClass('myClass1'); 同样也可以在多个类之前进行切换 $('div').toggleClass...代码实战: 切换显示隐藏 我们在使用.show()和.hide()的时候,如果需要一个按钮切换操作,需要进行一些条件判 断。...在每一个动画开始之前，先停止调之前所有的动画，只保留自己的动画！！...代码实战: 4.1.9.7.jq中自定义动画 4.1.9.7.1.自定义动画-基本使用 jQuery 提供了几种简单常用的固定动画方面我们使用。但有些时候,这些简单动画无法 满足我们更加复杂的需求。
$(document).ready(function(){ --- jQuery functions go here ---- }); 答：这是为了防止文档在完全加载（就绪）之前运行 jQuery...如果在文档没有完全加载之前就运行函数，操作可能失败。下面是两个具体的例子： 试图隐藏一个不存在的元素 获得未完全加载的图像的大小 JQuery选择器 选择器须臾对元素组或单个元素进行操作。...jQuery 元素选择器 jQuery使用css选择器来选取HTNL元素。 $("p") 选取元素 $("p.intro")选取所有 class = "intro"的元素。...$("p#intro")选取所有 id = "intro"的p元素 JQuery属性选择器 JQuery使用Xpath表达式来选择带有给定属性的元素。...jQuery 停止动画 jQuery stop() 方法 jQuery stop() 方法用于停止动画或效果，在它们完成之前。
对象的相互转换 jQuery 核心：扩展jQuery对象的属性和方法 jQuery入门 什么是jQuery 在使用jQuery之前，我们必须先了解什么是jQuery，它能够干什么(不然我们为啥要用它...以下是常用的几个jQuery CDN(均提供多个版本的jQuery库，你可以自行更改版本号的部分，或去掉”.min”以使用源代码版本)： 谷歌：https://ajax.proxy.ustclug.org...和CSS选择器一样，jQuery选择器也支持多个选择器任意组合使用。...// 以下$A均表示当前jQuery对象，$B可以是选择器字符串、html字符串、DOM元素、jQuery对象 $A.before( $B ); // 在$A之前插入$B $A.after( $B )...你可以使用animate()方法设置CSS样式，并执行一个从当前样式到指定样式的过渡动画效果。
名称可以重复使用,当然class名称也是可以每一个标签单独取一个来进行设置 【开发小结】:标签选择器、id选择器、类选择器统称为css的三大基本选择器，可以说虽然css虽然有很多选择器，但是你掌握这三个...[n3] toggleClass(class)来回切换默认样式和指定样式 $('div').toggleClass('myClass1'); 同样也可以在多个类之前进行切换 $('div').toggleClass...实战代码: 4.1.8.7.父子兄弟选择 案例:百度风云排行榜[n4] 4.1.8.8.表单选择器 4.1.9.jQuery中动画(***) 4.1.9.1.jq中动画简介 通过jQuery动画方法...在每一个动画开始之前，先停止调之前所有的动画，只保留自己的动画！！...代码实战: 4.1.9.7.jq中自定义动画 4.1.9.7.1.自定义动画-基本使用 jQuery 提供了几种简单常用的固定动画方面我们使用。但有些时候,这些简单动画无法 满足我们更加复杂的需求。
体验jQuery 步骤： 引入jQuery文件。 在文档最末尾插入 script 标签，书写体验代码。 $('div').hide()可以隐藏盒子。...更推荐使用第一种方式。 1.2.4. jQuery中的顶级对象$ 是 jQuery 的别称，在代码中可以使用 jQuery 代替，但一般为了方便，通常都直接使用 。...层级选择器 基础选择器和层级选择器案例代码 我是div class="nav">我是nav div 我是p...1.3.4 知识铺垫 jQuery 设置样式 $('div').css('属性', '值') jQuery 里面的排他思想 // 想要多选一的效果，排他思想：当前元素设置样式，其余的兄弟元素清除样式...总结: 每次使用动画之前，先调用stop()，在调用动画。 1.5.6.
选择器 什么是jQuery选择器 基本选择器 层级选择器 过滤选择器 筛选选择器(方法) 元素设置 样式设置 类名设置 属性设置 prop方法 动画 基本动画 滑入滑出 淡入淡出 自定义动画...大版本分类： 1.x版本：能够兼容IE678浏览器 2.x版本：不能兼容IE678浏览器 3.x版本：不能兼容IE678浏览器，更加的精简（在国内不流行，因为国内使用jQuery的主要目的就是兼容IE678...对象 jQuery对象转换成DOM对象： var $li = $("li"); //第一种方法（推荐使用） $li[0] //第二种方法 $li.get(0) jquery选择器 什么是jQuery选择器...*/ stop使用 /*1.停止当前动画 如果动画队列当中还有动画立即执行*/ //$('div').stop(); /*2.和stop()效果一致 说明这是默认设置*/...end(); // 筛选选择器会改变jQuery对象的DOM对象，想要回复到上一次的状态，并且返回匹配元素之前的状态。
元素筛选器 /* jQuery 的筛选器 + 对 jQuery 的元素集合进行二次筛选 + 注意: 只有 jQuery 的元素集合才可以使用, 原生 DOM 对象不能使用...基本动画 class="show">显示 class="hide">隐藏 class="toggle">切换jquery/jquery.min.js"> /* jQuery 的折叠动画 + jQuery 提供了三种折叠动画 1.../jquery/jquery.min.js"> /* jQuery 的停止动画 + 因为当你给一个元素设置动画以后 + 如果快速触发...).click(() => { // 让 div 之前的动画停止在原地, 按照最新的动画进行执行 $('div').stop().slideToggle(1000, 'linear')
JQuery 中的 trigger()函数 使用 JS 代码代替用户触发指定的事件，调用之前绑定的监听函数 ('.btn').trigger( 'click' ) 可简写：('.btn').click...JQuery 中的函数第三部分：动画函数 — 隐藏和显示动画 隐藏和显示函数通过使用定时器修改目标元素的 width / height / opcaity 三个样式的值来实现动画 (1). $(..)....JQuery 中的函数第三部分：动画函数 — 折叠展开/收起动画 折叠展开/收起动画函数通过使用定时器修改目标元素的height 一个样式的值来实现动画： (1). $(..).slideUp( )...JQuery 中的函数第三部分：动画函数 — 淡入/淡出动画 淡入/淡出动画函数通过使用定时器修改目标元素的 opacity 一个样式的值来实现动画： (1). $(..).fadeIn( )...(){ //在动画结束时的回调函数 }) 33.
大版本分类： 1.x版本：能够兼容IE678浏览器 2.x版本：不能兼容IE678浏览器 3.x版本：不能兼容IE678浏览器，更加的精简（在国内不流行，因为国内使用jQuery的主要目的就是兼容IE678...基本选择器 名称 用法 描述 ID选择器 $(“#id”); 获取指定ID的元素 类选择器 $(“.class”); 获取同一类class的元素 标签选择器 $(“div”); 获取同一类标签的所有元素...交集选择器 $(“div.redClass”); 获取class为redClass的div元素 总结：跟css的选择器用法一模一样。...*/ stop使用 /*1.停止当前动画 如果动画队列当中还有动画立即执行*/ //$('div').stop(); /*2.和stop()效果一致 说明这是默认设置*/...end(); // 筛选选择器会改变jQuery对象的DOM对象，想要回复到上一次的状态，并且返回匹配元素之前的状态。
在使用jQuery时，需要注意jQuery对象和DOM对象的区别，通常对于jQuery对象，会在变量前加$，如var $variable=jQuery对象;。可以通过如下方式对两者进行转化。...('cr');var $cr = $(cr); 此外，在使用多个不同的javascript库时，有可能会出现库之间的冲突，可以通过如下方式解决。...;}); //推荐下面的方式 var $j = jQuery.noConflict(); $j(function() {}); 在介绍jQuery选择器之前，首先引入CSS选择器，如下表所示。...jQuery选择器 示例 基本选择器 #id, .class, element 最基本的id,类,元素选择器 * 匹配所有元素, $("*") selector1,selector2,… 将每一个选择器匹配到元素合并后一起返回...'); 设置样式：$('p').attr('class', 'handsome'); 追加样式：$('p').addClass('another'); 设置和获取HTML、文本和值 .html(), .
jquery介绍 jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。...jquery是一个函数库，一个js文件，页面用script标签引入这个js文件就可以使用。...选择器 jquery用法思想一 选择某个网页元素，然后对它进行某种操作 jquery选择器 jquery选择器可以快速地选择元素，选择规则和css样式相同，使用length属性判断是否选择成功。...动画 通过animate方法可以设置元素某属性值上的动画，可以设置一个或多个属性值，动画执行完成后会执行一个函数。...，还可以设置为‘linear’，匀速运动 参数四：动画回调函数，动画完成后执行的匿名函数 */ $('#div1').animate({ width:300, height:
随着时间的推移，浏览器的兼容问题越来越少，css3也解决了大量的页面动画效果，jQuery的优势渐渐没有那么突出了，但是它仍然是当前被使用了最多的JavaScript库，是前端工程师必须掌握的技能。...三、jQuery选择器 刚刚学习jQuery的时候，可以与css做比较：css使用【选择器】查找元素，使用【属性名：属性值】改变元素样式。...改变元素样式 jQuery选择器和css选择器很类似（其实可以理解为jQuery选择器扩展了css选择器，在$()中添加css选择器就能找到我们想要的元素），下面我们使用jQuery选择器和css方法来找到并且改变一个元素的样式...是选择器，我们可以在双引号内插入各种css选择器，jQuery就会找到响应的元素。...attr方法可以设置两个参数，第一个参数是要设置的属性名，第二个参数是属性值。 添加和删除class 在说添加和删除class之前，我们先来看一个略复杂的选择器,代码如下所示。
, 在 jQuery 中, 对事件处理, 遍历 DOM 和 Ajax 操作都依赖于选择器 jQuery(expression, [context]) 在核心函数jQuery中传入表达式，对页面中元素进行选择...①：基本选择器 根据元素id属性、class属性、元素名称 对元素进行选择 id选择器： $("#元素id属性") class选择器： $(".元素class属性") 元素名称选择器：$("元素名称")...多个选择器同时使用 selector1,select2 例如 ： $("#xxid ,.xxxclass") 同时选择id 和 class匹配两类元素 练习1： ² 通过each() 在每个div元素内容前...这个动画效果只调整元素的高度，可以使匹配的元素以“滑动”的方式显示出来。在jQuery 1.3中，上下的padding和margin也会有动画，效果更流畅。...在动画完成时执行的函数 ④：内容过滤选择器 内容选择器是对子元素和文本内容的操作 :contains(text) 选取包含text文本内容的元素 $("div:contains
ie9) （4）react(兼容ie8) 不同的框架兼容的浏览器不一样，在开发之前需要留意一下 2、条件注释（又叫IE条件注释） 条件注释 (conditional comment) 是于HTML源码中被...[endif]--> 使用了条件注释的页面在 Windows Internet Explorer 9 中可正常工作，但在 Internet Explorer 10 中无法正常工作。...IE）Hack 属性前缀法(即类内部Hack) 例如 IE6能识别下划线_和星号* ， IE7能识别星号*，但不能识别下划线_， IE6~IE10都认识"\9"，但firefox前述三个都不能认识 这些都是...[endif]–-> (3)举个栗子 .target{ display: inline-block;//inline-block在ie以上才支持 *display: inline; //设置它为...-->class="no-js"> 可以如图去使用class。
选择器 基本选择器的语法：$("选择器").action(); 2.1 基本选择器 名称 语法 说明 标签选择器 element 选取指定标签名的元素 类选择器 .class 选取指定类名的元素 ID选择器...节点 $(selector) 通过选择器获取节点 $(html) 使用HTML字符创建jQuery节点 3.4.2 插入节点 1 元素内部插入子节点 方法 说明 $(A).append(B) 将B节点追加到...动画效果 4.4.1 控制元素的显示及隐藏 方法 说明 show() 立刻显示 show(毫秒数) 慢慢显示 show(毫秒数,函数) 在动画效果结束后执行函数 hide() 立刻隐藏 hide(毫秒数...(毫秒数) 淡入 fadeln(毫秒数，函数) 在动画效果结束后执行函数 fadeOut() 立即淡出 fadeOut(毫秒数) 淡出 fadeOut(毫秒数，函数) 在动画效果结束后执行函数 参数：...prop(参数1，参数2)： 参数1用于设置属性 参数2设置属性值 下面一个简单的案例来应用一下这个方法： head部分 jquery/jquery-3.4.1.
$(this) ：当前 HTML 元素 元素选择器 jQuery 使用 CSS 选择器来选取 HTML 元素。...属性选择器 jQuery 使用 XPath 表达式来选择带有给定属性的元素。 1 $("[href]") :选取所有带有 href 属性的元素。...1 把所有 p 元素的背景颜色更改为红色： 2 $("p").css("background-color","red"); jQuery选择器一览： 选择器 实例 选取 * $("*") 所有元素 #id...attr() 设置或返回匹配元素的属性和值。 before() 在每个匹配的元素之前插入内容。 clone() 创建匹配元素集合的副本。 detach() 从 DOM 中移除匹配元素集合。....prevAll() 获得匹配元素集合中每个元素之前的所有同辈元素，由选择器进行筛选（可选）。 .prevUntil() 获得每个元素之前所有的同辈元素，直到遇到匹配选择器的元素为止。
jQuery 选择器 能够操作 jQuery 样式 能够写出常用的 jQuery 动画 1.1. jQuery 介绍 1.1.1 JavaScript 库 JavaScript库：即 library...体验jQuery 步骤： 引入jQuery文件。 在文档最末尾插入 script 标签，书写体验代码。 $(‘div’).hide() 可以隐藏盒子。...更推荐使用第一种方式。 1.2.4. jQuery中的顶级对象$ 是 jQuery 的别称，在代码中可以使用 jQuery 代替，但一般为了方便，通常都直接使用 。...基础选择器和层级选择器案例代码 我是div class="nav">我是nav div 我是p 使用动画之前，先调用 stop() ,在调用动画。 1.5.6. 事件切换 jQuery中为我们添加了一个新事件 hover() ; 功能类似 css 中的伪类 :hover 。
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
