jquery文档

原文: http://blog.gqylpy.com/gqy/240 目录 #. 介绍 1. 优势 2. 版本 3. jQuery对象 #. 查找标签 1. 选择器 /. 基本选择器 /. 层级选择器 /. 基本筛选器 /. 使用jQuery实现弹框 /. 属性选择器 /. 表单常用筛选 2. 筛选器 /. 下一个元素 /. 上一个元素 /. 父亲元素 /. 儿子和兄弟元素 /. 查找与筛选 #. 样式标签 1. 样式操作 /. 样式类 /. CSS 2. 位置 3. 尺寸 4. 文本操作 5. 属性操作 /. 用于ID或自定义类 /. 用于checkbox和radio /. prop与attr的区别 6. 文档处理 /. 添加到指定元素内部 /. 添加到指定元素的外部 /. 移除和清空 /. 替换 /. 克隆 #. 事件 1. 常用事件 2. 绑定/移除 事件 3. 阻止后续事件执行 4. 阻止事件冒泡 5. 事件委托 6. each() 7. data() #. 动画效果 #. 介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：" Write less, do more. "

原文: http://blog.gqylpy.com/gqy/240 目录 #. 介绍 1. 优势 2. 版本 3. jQuery对象 #. 查找标签 1. 选择器 /. 基本选择器 /. 层级选择器 /. 基本筛选器 /. 使用jQuery实现弹框 /. 属性选择器 /. 表单常用筛选 2. 筛选器 /. 下一个元素 /. 上一个元素 /. 父亲元素 /. 儿子和兄弟元素 /. 查找与筛选 #. 样式标签 1. 样式操作 /. 样式类 /. CSS 2. 位置 3. 尺寸 4. 文本操作 5. 属性操作 /. 用于ID或自定义类 /. 用于checkbox和radio /. prop与attr的区别 6. 文档处理 /. 添加到指定元素内部 /. 添加到指定元素的外部 /. 移除和清空 /. 替换 /. 克隆 #. 事件 1. 常用事件 2. 绑定/移除 事件 3. 阻止后续事件执行 4. 阻止事件冒泡 5. 事件委托 6. each() 7. data() #. 动画效果 #. 介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：" Write less, do more. "

原文: http://blog.gqylpy.com/gqy/494 置顶：来自一名75后老程序员的武林秘籍——必读 （博主推荐） 来，先呈上武林秘籍链接： http://blog.gqylpy.com/gqy/401/ 你好，我是一名极客！一个 75 后的老工程师！ 我将花两分钟，表述清楚我让你读这段文字的目的！ 如果你看过武侠小说，你可以把这个经历理解为，你失足落入一个山洞遇到了一位垂暮的老者！而这位老者打算传你一套武功秘籍！ 没错，我就是这个老者！ 干研发 20 多年了！我也年轻过，奋斗过！我会画原理图，会画 PCB，会模拟，会数字！玩过 PLC，玩过单片机，会用汇编，会用 C！玩过 ARM，比如 PLC，STM32，和时下正在起飞的 NXP RT1052！搞过 DSP，比如 TMS320F28335！搞过 FPGA，不管 Xilinx 还是 Altera，也不管是 Verilog 还是 VHDL，或者直接画数字电路图！我懂嵌入式系统，比如 uCOS 和 Linux！我懂开源的硬件，比如 Arduino 和树莓派!我也搞软件，学了一堆上位机的语言C#，JAVA，Python，Kotlin，Swift！会写爬虫工具，又自学写APP，不管Android 还是 IOS！ 可是这一切有什么用呢？土鸡瓦狗！不值一提！干技术的永远就是最苦逼的那个人！ 我相信看到这里的你，应该是个 IT

jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。 下载链接： jQuery官网 中文文档： jQuery AP中文文档 参考博客：https://www.cnblogs.com/liwenzhou/p/8178806.html jQuery版本 1.x：兼容IE678,使用最为广泛的，官方只做BUG维护，功能不再新增。因此一般项目来说，使用1.x版本就可以了，最终版本：1.12.4 (2016年5月20日) 2.x：不兼容IE678，很少有人使用，官方只做BUG维护，功能不再新增。如果不考虑兼容低版本的浏览器可以使用2.x，最终版本：2.2.4 (2016年5月20日) 3.x：不兼容IE678，只支持最新的浏览器。需要注意的是很多老的jQuery插件不支持3.x版。目前该版本是官方主要更新维护的版本。 维护IE678是一件让人头疼的事情，一般我们都会额外加载一个CSS和JS单独处理。值得庆幸的是使用这些浏览器的人也逐步减少，PC端用户已经逐步被移动端用户所取代，如果没有特殊要求的话，一般都会选择放弃对678的支持。 jQuery对象 jQuery对象

1. jQuery的概述 1.1 jQuery的概念 jQuery是一个快速、简洁的JavaScript库，其设计的宗旨是“Write Less，Do More” jQuery主要是封装了JavaScript常用的功能代码，优化了DOM操作、时间处理、动画设计和Ajax交互。 学习jQuery的本质就是：学习调用这些函数（方法） jQuery出现的目的就是加快前端人员的开发速度，我们可以灰常方便地调用以及使用它，从而提高开发效率 jQuery与原生js形象比喻 1.2 jQuery的优点 轻量级，核心文件才几十kb，不会影响页面加载速度 跨浏览器兼容，基本兼容了现在的主流浏览器 链式编程，隐式迭代 对事件、样式、动画支持，大大优化了DOM操作 支持插件扩展开发，有着丰富的第三方的插件，例如：树形菜单、日期控件、轮播图等 免费、开源 2. jQuery的基本使用 2.1 jQuery的下载 官网网址：https://jquery.com/ 版本信息： 1x：兼容IE678等低版本的浏览器，官网不再维护更新 2x：不兼容IE678等低版本的浏览器，官网不再维护更新 3x：不兼容IE678等低版本的浏览器，官网主要维护更新的版本 所有版本的下载网址： https://code.jquery.com/ 2.2 jQuery的使用步骤 1.引入jQuery文件 <script type=

jQuery总结 jQuery第一天 jQuery jQuery是一个快速,简洁的JavaScript库 JavaScript库:是一个封装好的特定的集合(方法和函数) 学习jQuery本质:学习调用这些函数(方法) j 就是 JavaScript；Query 查询； 意思就是查询js，把js中的DOM操作做了封装，我们可以快速的查询使用里面的功能。 JavaScript库 jquery,prototype,dojo,YUI jQuery优点 轻量级,文件叫嚣,不影响页面加载 链式编程,隐式迭代 支持插件扩展开发 免费,开源 jQuery jQuery入口函数 第一种 $(function () { // 此处是页面 DOM 加载完成的入口 }); 第二种 $(document).ready(function(){ ... // 此处是页面DOM加载完成的入口 }); 注意点： 等着 DOM 结构渲染完毕即可执行内部代码，不必等到所有外部资源加载完成，jQuery 帮我们完成了封装。 不同于原生 js 中的 load 事件等页面文档、外部的js 文件、css文件、图片加载完毕才执行内部代码。 更推荐使用第一种方式。 jQuery 的顶级对象 $ $ 是 jQuery 的别称，在代码中可以使用 jQuery 代替 ，但一般为了方便，通常都直接使用 $ 。 $ 是jQuery

本文原文由作者“司徒正美”发布于公众号“前端你别闹”，即时通讯网收录时有改动，感谢原作者的分享。 1、引言 1990 年，第一个Web浏览器的诞生；1991 年，WWW诞生，这标志着前端技术的开始。 在这将近20年的前端发展史中，我们经历了从最早的纯静态页面，到JavaScript跨时代的诞生；从PC端到移动端；从依赖后端到前端可自由打包开发；从早期的网景Navigator浏览器到现在各家浏览器百花齐放…… 我们经历了前端的洪荒时代、 Prototype 时代、jQuery时代 、后jQuery时期、三大框架割据时代，这其中均是由国外开发者主导，直到如今的小程序时代，才是中国开发者独创的。 这是漫长的技术储备下的成果，最终促成了良好的技术成长收获。期间的前端发展之路，崎岖艰难。 （本文同步发布于： http://www.52im.net/thread-2719-1-1.html ） 2、相关文章 《 小程序技术始于微信？来看看移动端小程序技术的前世今生！ 》 《 盘点主流移动端跨平台UI技术：实现原理、技术优劣、横向对比等 》 《 最火移动端跨平台方案盘点：React Native、weex、Flutter 》 《 快速了解Electron：新一代基于Web的跨平台桌面技术 》 3、洪荒时代（1990~1994年） 在1990~1994年期间，前端界发生的大事有：WWW（World

jQuery是一个快速，小巧，功能丰富的JavaScript库。 jQuery是使HTML文档遍历和操作，事件处理和动画等操作变得更加简单。 jQuery的所有功能都是通过JavaScript访问的，因此掌握javas对于理解，构建和调试代码至关重要。 1.什么是jQuery 首先，让我们看一下使用JavaScript操作的HTML示例。 要获取id="start’的元素并将HTML更改为“开始吧，年轻人”，我们需要执行以下操作： <html> <head> <meta charset="utf-8"> </head> <body> <p id="start"></p> <script> var el = document.getElementById("start"); el.innerHTML = "出发吧,骚年!"; </script> </body> </html> 而用jQuery操作则只需要一行。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.js"></script> </head> <body> <p id="start"></p> <script> $("#start").html("出发吧

1、(function($) {…})(jQuery); 1）、原理： 这实际上是匿名函数，如下： function(arg){…} 这就定义了一个匿名函数，参数为arg 而调用函数时，是在函数后面写上括号和实参的，由于操作符的优先级，函数本身也需要用括号，即： (function(arg){…})(param) 这就相当于定义了一个参数为arg的匿名函数，并且将param作为参数来调用这个匿名函数 而(function($){…})(jQuery)则是一样的，之所以只在形参使用$，是为了不与其他库冲突，所以实参用jQuery 相当于funtion output(s){…};output(jQuery);或者var fn=function(s){…};fn(jQuery); 2）、作用（非常有用）： 这种写法的最大好处是形成闭包。在(function($) {…})(jQuery)在内部定义的函数和变量只能在此范围内有效。 形成是否函数函数、私有变量的概念。比如： var i=3; function init(){ alert("外层init："+i); } (function($) { var i=2; function init(){ alert("内层init："+i); } init(); })(jQuery); init(); 执行结果： 内层init：2 外层init

<!DOCTYPE html> <html lang=" en"> <head> <meta charset=" UTF-8"> <title>Document </title> <style> /**{ margin: 0; padding: 0; }*/ div{ width: 800px; height: 800px; border:1px solid #eee; position: relative; margin: 50px; } img{ position: absolute; top: 50px; left: 80px; } </style> <script src=' js/jquery-1.11.3.min.js '> </script> <script> $(function(){ $('button:eq(0)').click(function(){ alert($('.box').offset().top + ',' + $('.box').offset().left); }) $('button:eq(1)').click(function(){ alert($('img').position().top+ ',' + $('img').position().left); }) }) </script> </head> <body> <button