通过问题看本质： 举例： js的写法:document.getElementById('save').disabled=true; 在jquery中我是这样写的
写入口函数防止页面上的标签还没有被渲染出来，js代码就执行了 不同于js，JQuery可以有多个入口函数
大家好！我是你们的老朋友Java学术趴，今天继续给大家分享jQuery的相关知识。jQuery 底层 AJAX 实现。简单易用的高层实现 .get,.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数，除非你需要操作不常用的选项，以获得更多的灵活性。话不多说，接下来详细给大家介绍jQuery核心知识。
jQuery里面放了Dom对象，把jQuery比作一个伪数组，就是没有数组的方法，但是有自己的方法（jQuery的方法）
基本过滤选择器 内容过滤选择器 可见性过滤选择器 属性过滤选择器 子元素过滤选择器
闭包是JS语言的又一大核心，如果要从内存角度充分理解闭包的话，建议大家先预习下先前的几篇讲博客： 稳扎稳打JavaScript（一）——作用域链 稳扎稳打JavaScript（二）——图解对象内存模型 稳扎稳打JavaScript（三）——创建对象的几种方式 什么是闭包 定义 闭包是一个能够访问其他函数作用域的函数。 这句话看似拗口，如果读过先前的几篇博客，那理解起来应该不难。下面来解析一下这句话： 首先，闭包是一个函数； 其次，这个函数不仅能访问自己的作用域，更为关键的是它还能访问其他函数的
我们在前面的文章中已经掌握了JavaScript的全部内容，现在让我们了解一下JavaScript库
JavaScript的入口函数要等到页面中所有资源（包括图片、文件）加载完成才开始执行。
什么是jQuery？jQuery是一个快速、简洁的JavaScript库，其设计宗旨是“write less，do more”，倡导用更少的代码，做更多的事情。通过这段时间的学习，我感觉jQuery是一个“语法糖”，就像是包在糖果外面的包装，让js看起来更好看。
js库：把一些常用到的方法写到一个单独的js文件，使用的时候直接去引用这js文件就可以了。（animate.js、common.js）
if-else简化写法 代码中若出现多层if-else嵌套，代码就会显得臃肿不堪，这时可采用替代方案来浓缩代码。 常规写法：(臃肿不堪) if(){ if(){ //…… } else{ //…… } } else{ //…… } 简化写法：(一行搞定) (a) && (b) || (c); 上述表达式含义：若条件a为true则执行表达式b，否则执行表达式c。 原本多行的if-else语句一行就可以搞定。 此外，该句式支持多层
即library,是一个封装好的特定的集合(方法和函数).从封装一大堆函数的角度理解库,就是在这个库中,封装了很多预先定义好的函数在里面,比如animate,hide,show,比如获取元素等/
如果一个页面中有十几个地方用到Ajax，那么我们需要写十几次open()、十几次send()、十几次获取xhr对象； 代码重复相当多，而凡是有代码重复的地方，就有封装的可能；
JavaScript 开发的过程中，处理浏览器的兼容很复杂而且很耗时，于是一些封装了这些操作的库应运而生。这些库还会把一些常用的代码进行封装。
1、jQuery优点 轻量级，强大的选择器，出色的DOM操作，可靠的事件处理，完善的Ajax，不污染的顶级变量，出色的浏览器兼容，链式操作，隐式迭代，行为层和结构层分离，丰富的插件，完善的文档，开源 2、类型说明 Jquery-*.js完整的版本，主要用于测试和学习开发 Jquery-*.min.js主要用于产品和项目 3、引入jquery开始学习 <script src=”jquery-1.7.2.js” type=”text/javascript”></script> 4、JQuery宗旨 用少量的代码
jQuery的官网地址： https://jquery.com/，官网即可下载最新版本。
DOM是针对HTML和XML文档的一个API（应用程序编程入口）。DOM描绘了一个层次化的节点树，允许开发人员添加／移除和修改页面某一部分。 注：从上面的引述中可以得知，DOM不仅存在于HTML中，DOM也不是JS的一部分。DOM只是提供了一些规范，具体JS就是根据这些规范去实现它提出的一些接口 。 这里有个问题， IE中所有的DOM对象都是以COM对象实现的，所以DOM对象和JS原生对象行为或活动特点不一致。这也导致JS对象引用IE DOM对象会内存泄漏。 JS中实现了一个Node类型，所有节点都集成它，
jquery学习 --Day2 (jquery的基本使用) 区分DOM对象和jquery对象 DOM对象：用原生JS获取过来的对象是DOM对象 Jquery对象：用jquery的方式获取过来的对象是jquery对象，实质：通过$把DOM元素进行了包装(伪数组形式存储) DOM对象 fdsahfsjdiofdsfkas <script> var div = document.querySelector('div'); console.dir(div);
文章中涉及到的知识都是渐进式的讲解开发，当然如果对之间内容不感兴趣(已经了解)，也可以直接切入本文内容，每一个章节都和之前不会有很强的耦合。
jQuery的官网地址： https://jquery.com/，官网即可下载最新版本。
提示allp[i].attr()不是一个方法，而attr()是jq对象的方法，这个报错等于说allp[i]不是一个jq对象。 参考stackoverflow ，可知$()[i]返回的的确不是jq对象，而是原生dom对象，无法使用jq方法attr() 。
JS与DOM的关系 浏览器有渲染html代码的功能，把html源码（如div,p标签等）在内存里形成一个DOM对象 文档对象模型DOM（Document Object Model）定义访问和处理HTM
Vue和React在更新dom时，使用的算法相同，都是基于snabbdom。snabbdom翻译为：速度。
JavaScript库：即 library，是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。
摘要总结：本文主要介绍了如何使用HTML5的Canvas元素为网页添加图形绘制功能，并提供了各种示例。通过这些示例，读者可以快速掌握如何使用Canvas元素进行图形绘制，并可以通过修改代码来创建不同的效果。
jQuery就是一个js库，使用jQuery的话，会比使用JavaScript更简单。
目前最流行的两大前端框架，React和Vue，都不约而同的借助Virtual DOM技术提高页面的渲染效率。那么，什么是Virtual DOM？它是通过什么方式去提升页面渲染效率的呢？本系列文章会详细讲解Virtual DOM的创建过程，并实现一个简单的Diff算法来更新页面。本文的内容脱离于任何的前端框架，只讲最纯粹的Virtual DOM。敲单词太累了，下文Virtual DOM一律用VD表示。
为了降低本文难度，构建工具选择了parcel，欢迎加入我们的前端交流群～ gitHub仓库源码地址和二维码都会在最后放出来～
1.jquery介绍：想必大家都用过jquery吧，这个曾经也是现在依然最流行的web前端js库，可是现在无论是国内还是国外他的使用率正在渐渐被其他的js库所代替，随着浏览器厂商对HTML5规范统一遵循以及ECMA6在浏览器端的实现，jquery的使用率将会越来越低
在面试的过程中，可能也会被问到对虚拟dom的理解，像这种面试题是比较宽泛的，面试官想知道你到底知道多少？既然是理解，那就只能是知无不言言无不尽,尽量组织下语言多说点，这样才显得专业素养比较高，接下来，我来谈谈自己的理解，切记不要去背，一定要理解之后，用自己的语言来描述出来。
浏览器环境： 是指 JS代码在浏览器中的运行时环境，它包括V8自动构建的对象（即ECMAScript的内容,如Date、Array），浏览器（内置）传递给V8的操作DOM和BOM的对象（如document、navigator）；
BOM全称Browser Object Model浏览器对象模型，将浏览器的各个组成部分封装成对象。
这两天给后台页面做页面，我的工作比较简单，只需要写结构和样式就行了，写好之后，后端大哥用ajax重写页面加载数据，顺便给标签添加选中事件，做选中后变色的处理，但是却遇到一个问题，一直选不到触发事件这个对象。简单还原代码如下 <button id='btn' onclick='check()' name='abc' value='123'>类别</button> <script> function check() { console.log($(this).name); } </script> 遇到的
jQuery的杰出的DOM操作能力相信已经深入每一个前端Coder，在使用Vue之前我并不能习惯数据驱动的概念，仍然幻想着把jQuery引入到Vue中，直到深入使用Vue以后才发现，原来许多jQ操作DOM的方法都不需要，数据驱动比手工操作DOM方便快捷许多。尽管如此，Vue仍然给了我们原生DOM控制的能力。 环境是由Vue-Cli搭建的webpack模板，省略CSS部分 HTML部分 <div clas09React中的JSX原理渐析在react官方中讲到，关于jsx语法最终会被babel编译成为React.createElement()方法。02jquery和vue.js的区别1.jQuery首先要获取到dom对象，然后对dom对象进行进行值的修改等操作 2.Vue是首先把值和js对象进行绑定，然后修改js对象的值，Vue框架就会自动把dom的值就行更新。 3.可以简单的理解为Vue帮我们做了dom操作，我们以后用Vue就需要修改对象的值和做好元素和对 象的绑定，Vue这个框架就会自动帮我们做好dom的相关操作 4.这种dom元素跟随JS对象值的变化而变化叫做单向数据绑定，如果JS对象的值也跟随着dom元素的值的变化而变化就叫做双向数据绑定02简单实现虚拟 dom 和渲染我们打算实现一下jsx语法的转换过程。但是在此之前要说一下react17之后的一个变化。05Web APIs第一天CSS选择器匹配的第一个元素,一个 HTMLElement对象。 如果没有匹配到，则返回null。03jQuery选择器、Dom操作、样式、事件处理1.库和框架的区别？ 库：就是API函数库，提供API供你调用。库内部已经做了各种底层的封装，以及各种兼容问题的处理，工作中调用库内的API接口就能实现需要的功能，不需要额外的代码来处理函数封装和兼容问题，让代码更简洁，效率更高。库就像是一个工具盒，需要什么工具就从库中调用。 使用库的过程就是根据所需的功能，查文档，再调用库内的对应的API接口。 框架：提供一套完整的解决方案，你按照方案来操作以实现需求。 使用框架的过程就是先查文档，再照着文档写代码，出错了再查文档。 2.jquery 能做什么03前端系列 |原生JS和jQuery循环遍历函数之前总是不清楚原生JS和jQuery中有哪些循环遍历函数，而且有时候还总是把原生JS方法当成jQuery方法来用，以致于项目总是报错，并且还不知道是什么原因。所以，觉得有必要总结出来，区分一下。02jquery和原生dom对象的转换&常用函数方法var $p= $('p')新建一个jquery对象，一般在新建jquery对象的时候，加上一个$，以便好认。03Jquery 使用技巧总结随着WEB2.0及ajax思想在互联网上的快速发展传播，陆续出现了一些优秀的Js框架，其中比较著名的有Prototype、YUI、jQuery、mootools、Bindows以及国内的JSVM框架等，通过将这些JS框架应用到我们的项目中能够使程序员从设计和书写繁杂的JS应用中解脱出来，将关注点转向功能需求而非实现细节上，从而提高项目的开发速度。02VUE开发–获取DOM对象和组件对象(十九)一、vue通过$refs获取到dom对象（获得dom对象改变里面的内容） 模板： <button @click="getdata">获取dom对象</button> 这是一个div js： methods: { getdata: function() { //在这个方法中通过vue形式获取到div的对象，比js和jq都方便 console.log(this.$refs.mydiv); //改变div01jQueryonload 事件是等页面文档、外部的 js 文件、css文件、图片加载完毕才执行内部代码。01Web阶段：第五章：JQuery库点击：API文档下载 Jquery介绍 1.什么是JQuery ? jQuery，顾名思义，也就是JavaScript和查询（Query），它就是辅助JavaScript开发的js类库。 2.JQue022018-07-161 初识JQuery进入官方网站获取最新的版本 http://jquery.com/download/ ，这里需要注意 jQuery 分 2 个系列版本 1.x 与 2.x，主要的区别在于 2.x 不再兼容 IE6、7、8浏览器，这样做的目的是为了兼容移动端开发。由于减少了一些代码，使得该版本比 jQuery 1.x 更小、更快。01JavaScript 中 Property 和 Attribute 的区别详解最近看企鹅群 ，发现li的value有个‘好玩’的默认“规则”，搜索一番发现是Property 与Attribute 的缘故，无奈最初不清楚，最后搜到如下一篇文章，算是了解了点。现偷偷运输过来，供大家欣赏（最后附有原文以及其他”可能”有帮助的）。02从零开始学 Web 之 DOM（三）innerText与innerHTML、自定义属性大家好，这里是「 Daotin的梦呓 」从零开始学 Web 系列教程。此文首发于「 Daotin的梦呓 」公众号，欢迎大家订阅关注。在这里我会从 Web 前端零基础开始，一步步学习 Web 相关的知识点，期间也会分享一些好玩的项目。现在就让我们一起进入 Web 前端学习的冒险之旅吧！ 一、兼容代码 1、封装 innerText 和 TextContent // 设置任意标签的文本内容为任意内容 function setText(element, text) { (t03
在react官方中讲到，关于jsx语法最终会被babel编译成为React.createElement()方法。
1.jQuery首先要获取到dom对象，然后对dom对象进行进行值的修改等操作 2.Vue是首先把值和js对象进行绑定，然后修改js对象的值，Vue框架就会自动把dom的值就行更新。 3.可以简单的理解为Vue帮我们做了dom操作，我们以后用Vue就需要修改对象的值和做好元素和对 象的绑定，Vue这个框架就会自动帮我们做好dom的相关操作 4.这种dom元素跟随JS对象值的变化而变化叫做单向数据绑定，如果JS对象的值也跟随着dom元素的值的变化而变化就叫做双向数据绑定
我们打算实现一下jsx语法的转换过程。但是在此之前要说一下react17之后的一个变化。
CSS选择器匹配的第一个元素,一个 HTMLElement对象。 如果没有匹配到，则返回null。
1.库和框架的区别？ 库：就是API函数库，提供API供你调用。库内部已经做了各种底层的封装，以及各种兼容问题的处理，工作中调用库内的API接口就能实现需要的功能，不需要额外的代码来处理函数封装和兼容问题，让代码更简洁，效率更高。库就像是一个工具盒，需要什么工具就从库中调用。 使用库的过程就是根据所需的功能，查文档，再调用库内的对应的API接口。 框架：提供一套完整的解决方案，你按照方案来操作以实现需求。 使用框架的过程就是先查文档，再照着文档写代码，出错了再查文档。 2.jquery 能做什么
之前总是不清楚原生JS和jQuery中有哪些循环遍历函数，而且有时候还总是把原生JS方法当成jQuery方法来用，以致于项目总是报错，并且还不知道是什么原因。所以，觉得有必要总结出来，区分一下。
var $p= $('p')新建一个jquery对象，一般在新建jquery对象的时候，加上一个$，以便好认。
随着WEB2.0及ajax思想在互联网上的快速发展传播，陆续出现了一些优秀的Js框架，其中比较著名的有Prototype、YUI、jQuery、mootools、Bindows以及国内的JSVM框架等，通过将这些JS框架应用到我们的项目中能够使程序员从设计和书写繁杂的JS应用中解脱出来，将关注点转向功能需求而非实现细节上，从而提高项目的开发速度。
一、vue通过$refs获取到dom对象（获得dom对象改变里面的内容） 模板： <button @click="getdata">获取dom对象</button> 这是一个div js： methods: { getdata: function() { //在这个方法中通过vue形式获取到div的对象，比js和jq都方便 console.log(this.$refs.mydiv); //改变div
onload 事件是等页面文档、外部的 js 文件、css文件、图片加载完毕才执行内部代码。
点击：API文档下载 Jquery介绍 1.什么是JQuery ? jQuery，顾名思义，也就是JavaScript和查询（Query），它就是辅助JavaScript开发的js类库。 2.JQue
进入官方网站获取最新的版本 http://jquery.com/download/ ，这里需要注意 jQuery 分 2 个系列版本 1.x 与 2.x，主要的区别在于 2.x 不再兼容 IE6、7、8浏览器，这样做的目的是为了兼容移动端开发。由于减少了一些代码，使得该版本比 jQuery 1.x 更小、更快。
最近看企鹅群 ，发现li的value有个‘好玩’的默认“规则”，搜索一番发现是Property 与Attribute 的缘故，无奈最初不清楚，最后搜到如下一篇文章，算是了解了点。现偷偷运输过来，供大家欣赏（最后附有原文以及其他”可能”有帮助的）。
大家好，这里是「 Daotin的梦呓 」从零开始学 Web 系列教程。此文首发于「 Daotin的梦呓 」公众号，欢迎大家订阅关注。在这里我会从 Web 前端零基础开始，一步步学习 Web 相关的知识点，期间也会分享一些好玩的项目。现在就让我们一起进入 Web 前端学习的冒险之旅吧！ 一、兼容代码 1、封装 innerText 和 TextContent // 设置任意标签的文本内容为任意内容 function setText(element, text) { (t
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
