是目前广泛使用的前端技术，下面将用原生js和JQuery来介绍一个简单的ajax实例。...2.一个简单的AJAX实例 get请求 // 采用原生的js代码（get请求） //1.实例化XMLHttpRequest对象 var request = new XMLHttpRequest(); /.../2.调用open方法，第一个参数为请求方式（get、post），第二个参数为请求地址，第三个参数为异步或者同步 request.open("GET", "请求url"，true); //3.发送请求...代码（post请求） //1.实例化XMLHttpRequest对象 var request = new XMLHttpRequest(); //2.调用open方法，第一个参数为请求方式（get、post...内置的方法来调用ajax get请求 //JQuery jquery/1.11.1/jquery.js"></script
选择器 高效正确的使用jQuery选择器是熟练使用jQuery的基础，而掌握jQuery选择器需要一定的时间积累，我们开始学习jQuery时就应该注意选择器的使用。...尽可能的具体化的选择器——ID要比tag更好。 避免不必要的冗余。....class") > $(".class") 3、缓存jQuery对象 缓存jQuery对象可以减少不必要的DOM查找，关于这点大家可以参考下缓存jQuery对象来提高性能。...或许javascript微型框架或jQuery的定制版是更好的选择。 虽然都是陈词滥调，但是我发现还不能很好得做到上述所有，记录下来希望自己能够全部做到。...如在减少代码段中，如果需要根据条件从数组中得到新数组时，可以使用$.grep() 方法，如果你在使用jQuery时有自己心得的话，欢迎在留言中和大家分享！
一、正确引用jQuery 尽量在body结束前才引入jQuery，而不是在head中。 借助第三方提供的CDN来引入jQuery，同时注意当使用第三方CDN出现问题时，要引入本地的jQuery文件。...二、优化jQuery选择器 高效正确的使用jQuery选择器是熟练使用jQuery的基础，而掌握jQuery选择器需要一定的时间积累，我们开始学习jQuery时就应该注意选择器的使用。...尽可能的具体化的选择器——ID要比tag更好。 避免不必要的冗余。....}// 建议if(collection.length){..} 2.6、为选择器指定上下文 默认情况下，当把一个选择器传递给jQuery时，它将遍历整个DOM，jQuery方法还具有一个未充分利用的参数...class") > $(".class") 3、缓存jQuery对象 缓存jQuery对象可以减少不必要的DOM查找，关于这点大家可以参考下缓存jQuery对象来提高性能。
jQuery 出现的目的是加快前端人员的开发速度，我们可以非常方便的调用和使用它，从而提高开发效率。 jQuery概述 1.1.3 jQuery的优点 轻量级。...因为原生js 比 jQuery 更大，原生的一些属性和方法 jQuery没有给我们封装，要想使用这些属性和方法需要把jQuery对象转换为DOM对象才能使用。...对象，这样能够调用功能更加强大的jQuery中的方法。...层级选择器 基础选择器和层级选择器案例代码 我是div 我是nav div 我是p...方法1: 操作 css 方法 jQuery 可以使用 css 方法来修改简单元素样式； 也可以操作类，修改多个样式。
jQuery特性 隐式迭代 链式编程，在于一个方法返回的是一个jQuery对象，既然是jQuery对象就可以点出jQuery的方法来 window.onload 资源加载完成时调用 $(function...>我是链接') //我是新设置的文本我是链接 css() 设置和获取样式 获取样式属性值 $("#div1").css("width"); 设置的是行内样式$('#div1...li元素中，选择所要为奇数的元素 :even $(li:even) 获取到的li元素中，选择所要为偶数的元素 ##### jQuery筛选选择器(方法) 筛选选择器的功能与过滤选择器有点类似，但是用法不一样...，筛选选择器主要是方法 名称 用法 描述 children(selector) $(‘ul’).children(‘li’) 相当于$(‘ul>li’)，子类选择器 find(selector)...，然后this就是谁，且this是dom对象，使用jquery需要转换为jquery对象 }) mouseover 事件在鼠标移动到选取的元素及其子元素上时触发 mouseenter 事件只在鼠标移动到选取的元素上时触发
封装的非常的好，不需要考虑复杂浏览器的兼容性和XMLHttpRequest对象的创建和使用的问题。)...，并调用执行绑定的函数 3、你知道jQuery中的选择器吗，有哪些选择器 大致分为：基本选择器，层次选择器，表单选择器 基本选择器：id选择器，标签选择器，类选择器等 层次选择器：如：$("form input...选择所有tr元素的最后一个 表单选择器：如：$(":input")选择所有的表单输入元素 $(":text")选择所有的text的input元素 4、jQuery的美元符号$有什么作用？...回答：其实美元符号$只是”jQuery”的别名，它是jQuery的选择器，如下代码： $(document).ready(function(){ }); 当然你也可以用jQuery来代替$，如下代码...并且减轻服务器的负担，ajax的原则是“按需取数据”，可以最大程度的减少冗余请求，和响应对服务器造成的负担。 4、基于标准化的并被广泛支持的技术，不需要下载插件或者小程序。
正确使用选择器 jQuery内部将自动调用浏览器的原生方法，执行速度依据各浏览器支持情况 ID和元素标签选择器(各浏览器都支持)>元素类型选择器(各浏览器对应原生方法各不相同)>伪类型和属性选择器...避免过度使用jQuery对象 在jQuery中，用户每次使用选择器获取页面中的元素时，都会自动生成一个jQuery对象，该对象包括众多的属性和方法，而通过对象自身去调用这些方法时，资源消耗相对要大很多...；为了减少这样的消耗，可以通过对象调用方法对应的函数。...jQuery对象；通过jQuery语法包装原始的DOM对象后生成的新对象 在jQuery中，只需要调用jQuery中提供的[index]与get(index)方法；另外，DOM对象只要通过jQuery...在其他库后面导入，需要引入jQuery.noConflict()函数，声明转让变量“$”的使用权
基础选择器和层级选择器案例代码 我是div 我是nav div 我是p 的所有元素进行循环遍历，执行相应的方法，而不用我们再进行循环，简化我们的操作，方便我们调用。...中还有一些筛选方法，类似DOM中的通过一个节点找另外一个节点，父、子、兄以外有所加强。...语法 用法 说明 parent() $("li"). parent(); 查找最近一个父级 children(selector) $("u1"). children("li"); 相当于$("ul>1i...2.需要得到当前小li 的索引号，就可以显示对应索引号的图片 3.jQuery 得到当前元素索引号 $(this).index() 4.中间对应的图片，可以通过 eq(index) 方法去选择 5.显示元素
因为原生js 比 jQuery 更大，原生的一些属性和方法 jQuery没有给我们封装. 要想使用这些属性和方法需要把jQuery对象转换为DOM对象才能使用。...对象，这样能够调用功能更加强大的jQuery中的方法。...基础选择器和层级选择器案例代码 我是div 我是nav div 我是p <...方法1: 操作 css 方法 jQuery 可以使用 css 方法来修改简单元素样式； 也可以操作类，修改多个样式。 ...总结: 每次使用动画之前，先调用 stop() ,在调用动画。 1.5.6. 事件切换 jQuery中为我们添加了一个新事件 hover() ; 功能类似 css 中的伪类 :hover 。
上周，我整理了《jQuery设计思想》。 那篇文章是一篇入门教程，从设计思想的角度，讲解"怎么使用jQuery"。今天的文章则是更进一步，讲解"如何用好jQuery"。...我主要参考了Addy Osmani的PPT《提高jQuery性能的诀窍》（jQuery Proven Performance Tips And Tricks）。...用对选择器 在jQuery中，你可以用多种选择器，选择同一个网页元素。每种选择器的性能是不一样的，你应该了解它们的性能差异。...（1）最快的选择器：id选择器和元素标签选择器 举例来说，下面的语句性能最佳： $('#id') $('form') $('input') 遇到这些选择器的时候，jQuery内部会自动调用浏览器的原生方法...(3) $parent.children('.child') 这条语句在jQuery内部，会使用$.sibling()和javascript的nextSibling()方法，一个个遍历节点。
JQuery 干货篇之选择元素 1.1. 实验的HTML+CSS的代码 1.2. 选择器 1.3. JQuery对象的方法 1.4....(s).css("border","thick double red"); //参数为jquery对象 map 以一个函数为参数，map方法能够帮助我们灵活的处理一个jquery对象，从而得到满足需要的一个...针对源jquery对象中的每一个元素都调用一次这个函数，而函数返回的HtmlElement对象将会变成一个jquery对象，参数是function(index,elem),其中`index是序号，elem...是索引 return this.getAttribute('src')=='rose.png'; //判断属性 }); console.log(c); end 当我们调用方法链来修改结果集的时候...),children(selector),其中第一个是用来得到结果集中所有的子元素，第二个是用来过滤得到的子元素，保留满足selector的子元素 实例： $("div.dcell").children
因为原生JS比jQuery大,原生的一些属性和方法jQuery没有给我们封装,想要使用这些属性和方法需要把jQuery对象转换成DOM对象才能使用....常用API 目标: (感觉好累) jQuery选择器 $('选择器') 里面选择器直接写CSS选择器即可,但是要加引号 jQuery设置属性 $('div').css('属性','值')...( ) 返回的是最近一级的父级元素 亲爸爸 children(selector) 只选择亲儿子 相当于'>' find(selector) 选中所有的子代元素 先来做一个微博下拉菜单的案例...,第一种的index在引号内,不好修改,需要用"++"拼接....先休息啦,今天也学了10个视频(虽然很少),但是我累了555 本来打算晚上发的，但是发现很多我做的东西没了，比如给一些重点的地方划线啥的，都消失了。。好无语啊，明天再搞搞就发 现在去看帅哥
用对选择器 在jQuery中，你可以用多种选择器，选择同一个网页元素。每种选择器的性能是不一样的，你应该了解它们的性能差异。...（1）最快的选择器：id选择器和元素标签选择器 举例来说，下面的语句性能最佳： $(‘#id’) $(‘form’) $(‘input’) 遇到这些选择器的时候，jQuery内部会自动调用浏览器的原生方法...(3) $parent.children(‘.child’) 这条语句在jQuery内部，会使用$.sibling()和javascript的nextSibling()方法，一个个遍历节点。...因为elem.data()方法是定义在jQuery函数的prototype对象上面的，而$.data()方法是定义jQuery函数上面的，调用的时候不从复杂的jQuery对象上调用，所以速度快得多。...尽量少生成jQuery对象 每当你使用一次选择器（比如$(‘#id’)），就会生成一个jQuery对象。jQuery对象是一个很庞大的对象，带有很多属性和方法，会占用不少资源。
jQuery大部分功能需要根据文档的DOM模型来工作，首先需要正确地解析到整个文档的DOM模型结构。使用jQuery需要在整个文档被浏览器完全加载后才开始进行。...jQuery.noConflict(); $j = jQuery.noConflict(); jQuery对象与DOM对象之间的转换 使用 $()得到的是一个jQuery对象。...) :focus 获取焦点元素 :first-child/:last-child 选择第一个/最后一个元素 :first/:last 截取第一个/最后一个符合条件的元素 ("pre+next") 直接兄弟元素...调用链处理 .add() 向已有的节点序列中添加新的对象 .andSelf() 在调用链中，随时加入原始序列 .eq() 指定索引选取节点，支持负数 .filter().is().not().find(...子节点 .children() 所有的子节点，可加入过滤条件， .children(selector) 3.
用对选择器 在jQuery中，你可以用多种选择器，选择同一个网页元素。每种选择器的性能是不一样的，你应该了解它们的性能差异。...（1）最快的选择器：id选择器和元素标签选择器 举例来说，下面的语句性能最佳： $('#id') $('form') $('input') 遇到这些选择器的时候，jQuery内部会自动调用浏览器的原生方法...(3) $parent.children('.child') 这条语句在jQuery内部，会使用$.sibling()和javascript的nextSibling()方法，一个个遍历节点。...比如，下面这样的写法就是糟糕的写法： jQuery('#top').find('p.classA'); jQuery('#top').find('p.classB'); 更好的写法是： var cached...因为elem.data()方法是定义在jQuery函数的prototype对象上面的，而$.data()方法是定义jQuery函数上面的，调用的时候不从复杂的jQuery对象上调用，所以速度快得多。
其他语句的测试，比如.attr("value")和.val()，也是新版本的jQuery表现好于老版本。 2. 用对选择器 在jquery中，你可以用多种选择器，选择同一个网页元素。...（1）最快的选择器：id选择器和元素标签选择器 举例来说，下面的语句性能最佳： $('#id') $('form') $('input') 遇到这些选择器的时候，jQuery内部会自动调用浏览器的原生方法...(3)$parent.children('.child') 这条语句在jQuery内部，会使用$.sibling()和javascript的nextSibling()方法，一个个遍历节点。...比如，下面这样的写法就是糟糕的写法： jQuery('#top').find('p.classA'); jQuery('#top').find('p.classB'); 更好的写法是： ...因为elem.data()方法是定义在jQuery函数的prototype对象上面的， 而$.data()方法是定义jQuery函数上面的，调用的时候不从复杂的jQuery对象上调用，所以速度快得多。
= jQuery.prototype; window.jQuery = window.$ = jQuery; })(window); jQuery的本质是一个闭包 为了避免多个框架的冲突...jQuery如何让外界访问内部定义的局部变量 windows.xx = xxx jQuery为什么要给自己传递一个window参数 为了方便后期压缩代码 为了提升查找的效率 jQuery为什么要给自己传递一个...undefiend参数 为了方便后期压缩代码 IE9以下的浏览器undefined可以被修改，为了保证内部使用的undefined不被修改，所以需要接收一个正确的undefined 入口函数测试 传入...但判断是否为字符串后边可能也会用到，因此定义一个静态方法，通过类名调用。...调用extend方法，传入一个对象。
一、初识jQuery： 1、使用方法： 去官网http://jquery.com/download/下载jQuery的包，然后放到项目中存放js代码的目录下，最后在需要用jQuery的HTML中用<script...$(":hidden") 选择所有隐藏元素 9、属性筛选选择器： 属性选择器让你可以基于属性来定位一个元素。...image.png 13、特殊选择器this: this，表示当前的上下文对象是一个html对象，可以调用html对象所拥有的属性和方法。...$(this),代表的上下文对象是一个jquery的上下文对象，可以调用jQuery的方法和属性值。...wrap()方法只能包裹一个元素，比如说如果有多个p元素，需要用div来包裹，那么就得用wrapAll()方法。
jQuery 概述 js库：即library，封装好的函数。里面有很多预先封装好的方法。 jQuery就是为了更方便快速操作DOM，里面封装了很多方法，后续用jQuery对象调用这些方法即可。...`是jQuery的顶级对象，相当于原生js中的window，元素通过`包装成jQuery对象，调用jQuery属性和方法。...$(“选择器”) //里面选择器直接写 CSS 选择器即可，但是要加引号 获取方式与原生js无异： jQuery 层级选择器 jQuery设置样式的方法： $('div').css('属性', '值...$(this).children("ul").slideToggle(); }); 上述写法的bug：快速经过离开，导航动画等一个结束，另一个才开始 待解决：动画队列（动画或者效果一旦触发就会执行...//1. events: 一个或多个用空格分隔的事件类型，如"click"或"mouseover" 。 //2. selector: 元素的子元素选择器。
肯定有人会问如何下载之类的问题，其实我很不愿意回答，毕竟这些随意百度到的东西很浪费时间和文字，但是秉承着服务的宗旨，贴出以下链接： 1、http://jquery.com/ 官方网站 2、https:/...1.1 jquery 选择器 还记到大明湖畔（CSS）的夏雨荷（选择器）吗？选择器可以快速定位到元素并为其应用样式效果。jquery 选择器的选择规则与 CSS 相同，只是目的是为其添加操作。...：凡是成对出现的属性，一般都有一个组合属性，名字带有 toggle 2.2 链式调用 链式调用，其实就是将多个方法一直拼接在对象后面，像链条一样调用。...如下： $('#div1') // id为div1的元素 .children('ul') //该元素下面的ul子元素 .slideDown('fast') //高度从零变到实际高度来显示ul元素 .parent...('fast'); //高度实际高度变换到零来隐藏ul元素 换行是为了加注释解释每一个方法，其实它为一行。
云服务器
ICP备案
云直播
腾讯会议
实时音视频
