前言 jQuery 是一个轻量级的”写的少，做的多”的 JavaScript 库。极大地简化了 JavaScript 编程 jQuery 库包含以下功能： HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities 环境准备 在网页中使用 jQuery 可以使用以下方法： 从 jquery.com 下载 jQuery 库 从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery j
jQuery Cheat—Sheet（jQuery学习笔记） Web前端学习笔记之——jQuery学习笔记 ---- 什么是jQuery？ jQuery是一种JavaScript库，实现了常见任务的自动化和复杂任务简单化。 jQuery库为Web脚本编程提供了通用的抽象层，使之适合任何脚本编程情景。 jQuery能满足以下需求： 取得文档中的元素、修改页面外观、改变文档内容、响应用户的交互操作、为页面添加动态效果、不刷新加载、简化常见的JavaScript任务。 ---- jQuery版本？
之前用过一些jQuery的动画和特效，但是用到的部分也不超过10%的样子，感觉好浪费啊——当然浪费的不是jQuery，而是Web资源。后来就想深入研究下jQuery的内部机理，读过两遍jQuery源代码，但是自觉还差的好远，跟好多大神（比如阮一峰）的理解还是有很大差距。现在就一点一点积累自己的知识体系，记录自己学到的和自己所理解的jQuery。
在jquery框架的使用中，难免会遇到按钮或文本框等各种各样的要求要进行相应事件的绑定操作，进行事件的绑定能够增加页面的交互效果，相信在html和js中进行事件的绑定大家都不陌生，那么今天我就来和小伙伴们分享一下利用jquery如何进行事件的绑定！
现在就一点一点积累自己的知识体系，记录自己学到的和自己所理解的jQuery。
对于这些标签比如iframe 、img 、script标签，image对象等等，我们用的很多，都是在相应的元素加载完成之后执行的事件。下面我们讨论一下 window.onload、DOMContentLoaded的执行顺序问题。
一、起源 jQuery.event.add()方法最终是用addEventListener绑定事件的：
jQuery就是为了更方便快速操作DOM，里面封装了很多方法，后续用jQuery对象调用这些方法即可。
菜鸟教程 — jQuery 教程：https://www.runoob.com/jquery/jquery-tutorial.html
由于js的代码逻辑越来越重，一个js文件可能会有上千行，十分不利于开发与维护。最近正在把逻辑很重的js拆分成模块，在一顿纠结是使用requirejs还是seajs的时候，最终还是偏向于requirejs。毕竟官方文档比较专业嘛... 不过即便是有完整的官方文档，仍然遇到不少的问题，比如jquery-ui的使用。 下面就循序渐进的讲解一下我遇到的问题，以及解决的办法。 关于AMD和CMD的理解 AMD（异步模块定义）的典型就是requirejs，而CMD（通用模块定义）的典型是淘宝的seajs。 他
最近学习了Zepto框架，Zepto最初是为移动端开发的库，是jQuery的轻量级替代品，因为它的API和jQuery相似，而文件更小。Zepto最大的优势是它的文件很小，是目前功能完备的库中最小的一个，尽管不大，Zepto所提供的工具足以满足开发程序的需要。大多数在jQuery中·常用的API和方法Zepto都有，Zepto中还有一些jQuery中没有的。另外，因为Zepto的API大部分都能和jQuery兼容，所以用起来极其容易，如果熟悉jQuery，就能很容易掌握Zepto。
一、事件 常用事件 click(function(){...}) //单击事件 hover(function(){...}) //鼠标经过事件 blur(function(){...}) //失去光标 focus(function(){...}) //获取光标 change(function(){...}) //修改事件 keyup(function(){...}) //松开键盘 keydown(function(){...}) //按下键盘 事件绑定 语法： .on( event
同一域名下有两个页面parent.html，child.html。parent.html中通过iframe嵌入child.html。父页面触发自定义事件，子页面对其进行响应。 两页面代码如下： 1.parent.html
JQuery是非常棒的js类库，有丰富的UI库和插件，不过我钟爱他的是他的选择器，感觉其他功能有时跟后台人员距离很远，所以一般我也只使用一下他的选择器。 今天突然对他的事件产生了兴趣，先前也碰到过，也没整理，今天有空就弄一下咯。 对于控件的事件，jQuery已经提供了丰富的方法，包括绑定、一次绑定、触发等，阿拉今早看看叫一哪能用额伐，大虾路古就可以了。 jQuery的绑定事件非常方便，有bind、live、one还有它帮你把一些常用的事件给单独了出来，比如控件的onclick事件，我们绑定onclick事件
在前端的世界里，事件是不可或缺的一部分。用户的点击、输入、滚动等行为都触发着各种事件，而如何在代码中捕捉并处理这些事件是每位前端开发者必须掌握的技能之一。本文将带你深入浅出，探索 JQuery 中的事件绑定，为你揭开这个奇妙世界的面纱。
jQuery库是一个 JavaScript 文件，您可以使用 HTML 的 <script> 标签引用它：
JavaScript 是客户端脚本的标准语言，而 jQuery 使得编写 JavaScript 更加简单。你可以只用写几行的jQuery 代码就能实现更多的东西. 它是最长被用到的 JavaScript 库之一，并且现在已经很少有不用jQuery 而使用原生 JavaScript 的新项目了。这对于作为一个 Java web 开发者的你而言意味着你会在一场Java web开发面试中发现许多jQuery的面试问题.
在使用jQuery之前，我们必须先了解什么是jQuery，它能够干什么(不然我们为啥要用它)。
答：是一个快速、简洁的js框架；（15岁美国人John）2006年1月出现，8月第一个稳定版本。为了解决js中比较麻烦的函数和节点操作以及选择器。
jQuery runnoob网址: http://www.runoob.com/jquery/jquery-tutorial.html jQuery API手册: http://www.runoob.com/manual/jquery/ jQuery笔记 笔记来源于: 传智播客的黑马程序员视频笔记. 菜鸟教程:http://www.runoob.com/ 自己的查询与整理. JS的不完美地方: 1. 代码比较麻烦,给多个元素添加事件需要遍历,可能还需要进行嵌套.
【注意】：如果遍历中加判断条件，当前function返回为false，则结束循环(相当于js中使用的break)，如果返回为true，则结束本次循环，继续下次循环(相当于js中使用的continue)；
一、$().trigger()和$().triggerHandler() 的作用和区别
jQuery学习笔记之DOM操作、事件绑定（2） ————————————————————学习目录———————————————————————— 4.DOM操作 5.事件绑定
Js方式 :document.getElementById(“id”).onclick
区别：html方法会识别html标签，text方法会那内容直接当成字符串，并不会识别html标签。
还可以使用三个值，第一值为事件，第二个值为Event对象的data属性，在调用最后一个处理函数的时候，会将第二个值作为对象的data属性,这样即可避免使用闭包操作
jquery的安装和语法，jquery的多种选择器，dom操作和jquery事件。
click方法用于监听用户单击操作，dbclick方法用于监听用户双击操作，这两个方法用法及其类似，所以这只介绍click事件，只有单击释放后才生效，而且同一元素不能同时绑定click和dbclick事件
jQuery 是一个优秀的 JavaScript 库，是一个由 JohnResig 创建于 2006 年 1 月的开源项目。现在的 jQuery 团队主要包括核心库、UI 和插件等开发人员以及推广和网站设计维护人员。团队中有 3 个核心人物：John Resig、Brandon Aaron 和 Jorn Zaefferer。 jQuery 凭借简洁的语法和跨平台的兼容性，极大地简化了JavaScript 开发人员遍历 HTML 文档、操作 DOM、处理事件、执行动画和开发 Ajax 的操作。其独特而又优雅的代码风格改变了 JavaScript 程序员的设计思路和编写程序的方式。
向页面添加 jQuery 库 <head> <script type="text/javascript" src="jquery.js"></script> </head> jQuery 选择器 选择器 实例 选取 * $("*") 所有元素 #id $("#lastname") id="lastname" 的元素 .class $(".intro") 所有 class="intro" 的元素 element
jQuery选择器 <script src="https://code.jquery.com/jquery-3.6.0.js" type="text/javascript" charset="utf-8"></script> <body> 1 2 3 4 5 6 7</li
上周，我整理了《jQuery设计思想》。 那篇文章是一篇入门教程，从设计思想的角度，讲解"怎么使用jQuery"。今天的文章则是更进一步，讲解"如何用好jQuery"。 我主要参考了Addy Osmani的PPT《提高jQuery性能的诀窍》（jQuery Proven Performance Tips And Tricks）。他是jQuery开发团队的成员，具有一定的权威性，提出的结论都有测试数据支持，非常有价值。 =============================================
在事件中经常使用术语"触发"（或"激发"）例如： "当您按下按键时触发 keypress 事件"。
嗨，亲爱的读者们！欢迎来到这篇关于使用 jQuery 中的 ajax() 方法进行 Ajax 请求的博客。在前端开发中，jQuery 提供了简便而强大的工具，其中 ajax() 方法为我们处理异步请求提供了便捷的解决方案。无需手动创建 XMLHttpRequest 对象，只需几行代码，就能完成数据的发送和接收。在这篇文章中，我们将深入探讨 ajax() 方法的使用，同时为你呈现丰富的实例。
根据文章内容总结摘要。
() 函数是 jQuery() 函数的别称，乍一看这很怪异，还使 jQuery 代码晦涩难懂。一旦你适应了，你会爱上它的简洁。() 函数用于将任何对象包裹成 jQuery 对象，接着你就被允许调用定义在 jQuery 对象上的多个不同方法。你甚至可以将一个选择器字符串传入
hide([speed,[easing],[fn]]) toggle([speed],[easing],[fn])
在前端开发中，JQuery 作为一个广泛应用的 JavaScript 库，为开发者提供了丰富的工具和方法，简化了 DOM 操作、事件处理等繁琐的任务。而在这个庞大的生态系统中，插件机制是 JQuery 的一项重要特性，使得开发者能够轻松地扩展 JQuery 的功能，实现更灵活、高效的前端开发。本篇博客将围绕 JQuery 插件机制展开详细的讲解，带你一探插件的神奇世界。
在前端开发中，处理用户与页面的交互是至关重要的一部分。JQuery作为一个广泛应用的JavaScript库，为我们提供了简便而强大的事件绑定机制，使得我们能够更加灵活地响应用户的行为。本篇博客将深入解析 JQuery 的标准事件绑定方式，为你揭开事件背后的神秘面纱。
首先简述下回涉及到的几个知识点： DOM树 首先，可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子：
ready(fn); $(document).ready()注意在body中没有onload事件，否则该函数不能执行。在每个页面中可以 有很多个函数被加载执行，按照fn的顺序来执行。 bind(type, [data], fn) 为每一个匹配元素的特定事件（像click）绑定一个或多个事件处理器函数。可能的事件属性有：blur, focus, load, resize, scroll, unload, click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, error one(type, [data], fn) 为每一个匹配元素的特定事件（像click）绑定一个或多个事件处理器函数。在每个对 象上，这个事件处理函数只会被执行一次。其他规则与bind()函数相同。
时隔几天，天气依旧炎热，不过坐在空调房里的我一点也感觉不到~(笑)。我的事也在稳步进行着，这个下午继续我上一篇的Jquery。
jQuery 库拥有完整的 Ajax 兼容套件，其中的函数和方法允许我们在不刷新浏览器的情况下从服务器加载数据。
版权声明：本文为博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
jQuery的版本更新很快，你应该总是使用最新的版本。因为新版本会改进性能，还有很多新功能。
var $p= $('p')新建一个jquery对象，一般在新建jquery对象的时候，加上一个$，以便好认。
你可能知道，Javascript语言的执行环境是"单线程"（single thread）。 所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务
你可能知道，Javascript语言的执行环境是”单线程”（single thread）。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
