jquery文档

不能正常引用jQuery-2.2.4.min.js所以代码没生效 jQuery 是一个 JavaScript 函数库。jQuery 库包含以下特性： HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities 官网: 点击 中文文档: 点击 书写规范 <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script> //代码不能写在引用文件这个容器里 <script> $somecode //$符号就表示jQuery jQuery.somecode //等同 </script> PS:由于编辑器的JS编码问题中文在js编码过程中没有使用utf-8.显示乱码.实际代码和注释源码有区别 选择器和筛选器 类似JS有#id(id选择器),element(元素选择器即标签),class(class选择器),组合选择器(selector多种选择器组合),层级选择器,*(选择全部)... 基本选择器 在js基础上稍微修改了一下,是用#代表id, .class代表class,标签直接使用标签名 PS:id选择器,使用任何的元字符（如 !"#$%&'()*+,./:;<=>?@[]^`{|}~）作为名称的文本部分，

jQuery2.x源码解析(构建篇) jQuery2.x源码解析(设计篇) jQuery2.x源码解析(回调篇) jQuery2.x源码解析(缓存篇) 缓存是jQuery中的又一核心设计，jQuery自身的很多东西都依赖于缓存，比如事件、一些中间变量、动画等。同时他还为用户提供接口了使用缓存的接口，方便用户在元素节点上保存自己的数据，并且帮助用户解决直接把数据保存到DOM元素是可能引起的内存泄漏、命名冲突等问题。 同时，html5提出了一种通过属性缓存元素数据的功能，就是 data-*属性 ，他可以以字符串的形式保存数据，并且不会和元素固有属性冲突。jQuery的缓存提供了访问data-*的接口，与html5标准结合更加紧密，更加规范。 提问：jQuery不同版本的缓存实现原理是什么？ 答：jQuery1.x与jQuery2.x、jQuery3.x是不同的。 jQuery1.x系列中，需要兼容ie6、ie7等早期的浏览器，在ie6、ie7这样的浏览器中，根据艾伦的博客，我们可以知道DOM元素与js对象相互引用，是会引起浏览器的内存泄漏问题。所以 jQuery1.x中，最大的问题是要防止在ie6、ie7浏览器上出现内存泄漏。为了避免DOM元素与js对象相互引用而造成的内存泄漏，jQuery必须从设计解决对象循环引用的问题。所以jQuery1.x将需要缓存到元素上的数据

jQuery和JavaScript文档就绪函数 /** * 文档就绪函数：等待文档记载完毕，在执行相关代码 * 原生JS（JavaScript）方式：window.onload=funcation(){} * jquery方式：$(document).ready(funcation(){}); * * 区别： * * 1.执行时机： *原生JS（JavaScript）方式: window.onload:必须等待网页全部加载完毕（包括图片等），然后再执行包裹代码 * *jquery方式： $(document).ready():只需要等待网页中的DOM结构加载完毕，就能执行包裹的代码 * * * 2.执行次数 * 原生JS（JavaScript）方式:window.onload:不能同时编写多个，只能执行一次，如果第二次，那么第一次的执行会被覆盖 * jquery方式：$(document).ready():能同时编写多个 * * * 3.jquery方式简写方案 *$(document).ready(function() { *alert("Hello World!"); *}); *简写 * *$().ready(function () { * alert("Hello World!"); *}) * *$(function () { * alert("Hello World!"

一、jQuery的优势 1.轻量级：压缩之后大小只有30KB左右。 2.强大的选择器：jQuery允许CSS1到CSS3几乎所有的选择器以及自身独创的选择器。 3.出色的DOM操作的封装：jQuery封装了大量常用的DOM操作，是开发者在编写DOM操作相关程序的时候能够得心应手。 4.可靠的事件处理机制：jQuery事件处理机制在处理事件绑定的时候相当可靠。 5.完善的Ajax：jQuery将所有的Ajax操作封装在一个函数$.ajax()里面，使得开发者处理Ajax的时候能够专心处理业务逻辑而无需关心复杂的浏览器兼容性和XMLHttpRequest对象的创建和使用的问题。 6.不污染顶级变量：jQuery只建立一个名为jQuery的对象，其所有函数方法都在这个对象之下。其别名$也可以随时交出控制权，绝不污染其他对象。 7.出色的浏览器兼容性：jQuery修复了一些浏览器之间的差异，使开发者不必在开展项目前建立浏览器兼容库。 8.链式操作方式：jQuery中最有特色的莫过于它的链式操作方式——即对发生在同一个jQuery对象上的一组动作，可以直接连写而无需重复获取对象。 9.隐式迭代：当用jQuery找到带有“.myClass”类的全部元素，然后隐藏它们时，无需循环遍历每一个返回的元素。 10.行为层与结构层分离：开发者可以使用jQuery选择器选中元素，然后直接给元素添加事件。

JQ uer y介绍： 【官网】 http://jquery.com 【参考API】http://jquery.cuishifeng.cn/ JQuery的低版本支持IE低版本，JQuery的2版本不太支持IE的低版本，推荐用1版本的最高1.12 - 找元素（直接，间接） - 操作 （属性..） JQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。 jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。 jQuery能够使用户的html页保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可。 JQuery对象: jQuery = $ jQuery 对象就是通过 jQuery 包装 DOM 对象后产生的对象。 jQuery 对象是 jQuery 独有的 . jQuery 对象可以使用 jQuery 里的方法 : $(“#test”).html(); 比如： $("#test").html() 意思是指：获取ID为test的元素内的html代码。其中html()是jQuery里的方法 这段代码等同于用DOM实现代码： document.getElementById("

jQuery 知识点梳理 一、 jquery选择器 基本选择器 ID选择器 类选择器 标记选择器 分组选择器 通配符选择器 层次选择器 $(“ancestor descendent”)：祖先后代选择器 空格 $(“parent > child”)：父子选择器 大于 $(“prev + next”)：相邻后兄弟元素选择器 加号 $(“prev ~ siblings”)：所有后兄弟元素选择器 波浪线 过滤选择器：基本过滤选择器 ：first、:last、:odd、:even、:eq(index)、:gt(index)、：lt(index)、not(selector) 过滤选择器：内容过滤选择器 :contains(text)、:empty、:parent、has(selector) 过滤选择器：可见性过滤选择器 ：visible、:hidden 过滤选择器：属性过滤选择器 [attribute]、[attribute=value]、[attribute!=value]、[attribute^=value]、[attribute$=value]、[attribute*=value] 过滤选择器：表单过滤选择器 :checked、:selected :text、：password、:radio、:checkbox、:submnit、:button、:image、:reset、:file、

JQuery官方网站 http://jquery.com/ 1 、 JQuery 概念 A、Jquery是一个优秀的Javascript框架。它是轻量级的js库 ，它兼容CSS3，还兼容各种浏览器，jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可。 B、JavaScript的缺点:控件的操作方式不统一，不同浏览器容易出观兼容问题。为了简化操作，出现了许多对JavaScript封装的函数库比如Prototype、JQuery等。 C、JQuery的优点:小巧、方便、功能强大。插件丰富、开源、免费。 D、VS在VS2010中已经实现自动完成功能，VS2008需要安装VSSP1补丁和VS90SP1-KB958502-X86补丁才能更好的支持，然后引用jquery-1.4.1.js，jquery-1.4.1-vsdoc.js放在同目录下，VS2008中才会有自动提示和自动完成功能。 E、JQuery文件说明:

jQuery 是 JavaScript 的一个函数库。方便、主流 jQuery的开发步骤： （1） 导入jQuery 库 （2） 在 <script src="../js/jquery-3.1.0.min.js" type="text/javascript"></script> <script> $(function(){ 写jQuery代码； }); </script> （3）jQuery对象 vs DOM对象 1.jQuery对象 和 DOM对象 不可混用，不能使用另一方的属性和方法 2.jQuery对象 是一个 DOM数组对象。所以可以用 下标的方式 转为 DOM对象 var $btn = $("button"); var btn = $btn[0]; 3.jQuery对象 使用 $() 包装 DOM对象后 产生的对象 例：进行遍历的时候（jQuery对象 遍历的方式使用 each，在each 内部的 this 是正在得到的 DOM 对象，而不是一个 jQuery对象。 ） $("select : seclected").each(function(){ //alert(this.value); 如果想用jQuery的属性和方法，用$() 包装起来。 alert( $(this) .value); }); （4）jQuery 选择器（综合使用，威力巨大） 选取被选中的

申请了博客，却不知道写点啥，因为本人是一只菜鸟，所以也不敢在各位大虾们面前show一些皮毛的小东东，现在也顾不了那么多了，我就是想在这里做一些学习用的笔记，呵呵。希望各位师傅们莫要见笑，以后多多希望各位指教。 最近在学习JQuery。因为在以后的工作中可能要用到，由于刚学习不久，了解的也只是一些皮毛的东西，但是好记性不如把它记录下来，因此今天有兴在这里总结了一下，各位不要见笑哦！ JQuery实际上就是对js的一个封装我认为，是一个JavaScript函数库，此函数库主要包括的有： ~Html元素选取 ~Html元素操作 ~CSS操作 ~HTML时间函数 ~JavaScript特效和动画 ~HTML DOM遍历和修改 ~Ajax ~Utilities 在使用JQuery的过程中，怎样使用呢，首先要向页面中添加JQuery库 JQuery库位于js文件中，可以通过下面的标记将把JQuery添加到网页中 <head> <script type="text/javascript" src="jquery.js"></script><!--注意一定要放到head标签中> </head> 引入了库，下面就是一些简单的用法了，首先来记录几个简单的常用的实例。 1.JQuery的hide（）函数，隐藏了html文档中的所有元素 <html> <head> <script type="text

externals 官网文档解释的很清楚，就是webpack可以不处理应用的某些依赖库，使用externals配置后，依旧可以在代码中通过CMD、AMD或者window/global全局的方式访问。 怎么理解呢？我们先通过官网说的那个jquery的案例来理解。 有时我们希望我们通过script引入的库，如用CDN的方式引入的jquery，我们在使用时，依旧用require的方式来使用，但是却不希望webpack将它又编译进文件中。 1 <script src="http://code.jquery.com/jquery-1.12.0.min.js"></script> View 1 <script src="http://code.jquery.com/jquery-1.12.0.min.js"></script> jquery的使用如下 // 我们不想这么用 // const $ = window.jQuery // 而是这么用 const $ = require("jquery") $("#content").html("<h1>hello world</h1>") 　　 这时，我们便需要配置externals module.exports = { ... output: { ... libraryTarget: "umd" }, externals: { jquery: