jquery文档 | 易学教程

前端--jQuery

阅读更多关于前端--jQuery

jQuery介绍 1.jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 2.jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less,do more”。 jQuery的优势 1.一款轻量级的JS框架。jQuery核心js文件才几十Kb,不会影响页面加载速度。 2.丰富的DOM选择器，jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要将一个表格的隔行变色，jQuery也是一行代码搞定。 3.链式表达式。jQuery简化了AJAX操作，后端只需返回一个JSON格式的字符串就能完成与前端的通信。 4.事件、样式、动画支持。jQuery还简化了js操作css的代码，并且代码的可读性也比js要强。 5.Ajax操作支持。jQuery基本兼容了现在主流的浏览器，不再为浏览器的兼容问题而伤透脑筋。 6.跨浏览器兼容。jQuery基本兼容了现在主流的浏览器，不用再为浏览器的兼容问题而伤透脑筋。 7.插件扩展开发。jQuery有着丰富的第三方的插件，例如：树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件

前端基础之jQuery

阅读更多关于前端基础之jQuery

jQuery jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ jQuery的优势一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要将一个表格的隔行变色，jQuery也是一行代码搞定。链式表达式。jQuery的链式操作可以把多个操作写在一行代码里，更加简洁。事件、样式、动画支持。jQuery还简化了js操作css的代码，并且代码的可读性也比js要强。 Ajax操作支持。jQuery简化了AJAX操作，后端只需返回一个JSON格式的字符串就能完成与前端的通信。跨浏览器兼容。jQuery基本兼容了现在主流的浏览器，不用再为浏览器的兼容问题而伤透脑筋。插件扩展开发。jQuery有着丰富的第三方的插件，例如：树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件，并且用jQuery插件做出来的效果很炫

DAY13-前端之jQuery

阅读更多关于 DAY13-前端之jQuery

前端之jQuery

阅读更多关于前端之jQuery

Web前端学习笔记之jQuery基础

阅读更多关于 Web前端学习笔记之jQuery基础

0x0 jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ 0x1 jQuery的优势一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要将一个表格的隔行变色，jQuery也是一行代码搞定。链式表达式。jQuery的链式操作可以把多个操作写在一行代码里，更加简洁。事件、样式、动画支持。jQuery还简化了js操作css的代码，并且代码的可读性也比js要强。 Ajax操作支持。jQuery简化了AJAX操作，后端只需返回一个JSON格式的字符串就能完成与前端的通信。跨浏览器兼容。jQuery基本兼容了现在主流的浏览器，不用再为浏览器的兼容问题而伤透脑筋。插件扩展开发。jQuery有着丰富的第三方的插件，例如：树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件，并且用jQuery插件做出来的效果很炫

解密jQuery内核 DOM操作的核心buildFragment

阅读更多关于解密jQuery内核 DOM操作的核心buildFragment

文档碎片是什么 http://www.w3.org/TR/REC-DOM-Level-1/level-one-core.html#ID-B63ED1A3 DocumentFragment is a "lightweight" or "minimal" Document object. It is very common to want to be able to extract a portion of a document's tree or to create a new fragment of a document 参考标准的描述，DocumentFragment是一个轻量级的文档对象，能够提取部分文档的树或创建一个新的文档片段换句话说有文档缓存的作用 createDocumentFragment有什么作用多次使用节点方法(如：appendChild)绘制页面,每次都要刷新页面一次。效率也就大打折扣了，而使用document_createDocumentFragment()创建一个文档碎片，把所有的新结点附加在其上，然后把文档碎片的内容一次性添加到document中，这也就只需要一次页面刷新就可。 DocumentFragment类型在所有节点类型中，只有DocumentFragment在文档中没有对应的标记。DOM规定文档片段（documentfragment）是一种

jQuery-文档加载事件

阅读更多关于 jQuery-文档加载事件

<!DOCTYPE html> < html lang = " zh " > < head > < meta charset = " UTF-8 " > < meta name = " viewport " content = " width=device-width, initial-scale=1.0 " > < meta http-equiv = " X-UA-Compatible " content = " ie=edge " > < title > Document </ title > </ head > < body > < script src = " ./jquery.js " > </ script > < script > // 为 document 对象注册 ready 事件，当文件加载完成之后，该事件会被自动触发。 $ ( document ) . ready ( function ( ) { console . log ( '文档加载完成1' ) } ) // 为了方便书写，jQ 为我们提供了 ready 事件的简写形式： $ ( function ( ) { console . log ( '文档加载完成2' ) } ) </ script > </ body > </ html > 来源： CSDN 作者：上头upup 链接： https:/

测开之路一百：jquery引用、语法、事件

阅读更多关于测开之路一百：jquery引用、语法、事件

工作中一般会使用jquery代替js，jquery官网： https://jquery.com/ 引用jquery：第一种方式：下载引用： jquery下载官网： https://jquery.com/download/ 下载压缩版本：右键-链接另存为，保存到项目的js下引用第二种方式：CDN引入： https://www.bootcdn.cn/jquery/ 为了稳定，使用2.2.4版本，直接复制标签到script标签下 jquery语法：$("选择器").事件(函数); 准备html id选择器 class选择器标签选择器相同标签下元素筛选 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>  <script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script></head><body> <h1>jQuery选择器</h1> <div id="msg"> 这是第一个div标签 <p>第一个div下第一个p标签</p> </div> <div class="red">

JQuery

阅读更多关于 JQuery

概念 jquery是一个快速、简洁的JavaScript框架，它封装了JavaScript常用的功能代码,提拱一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和AJAX交互。 JavaScript框架：本质上就是一些js文件，封装了js的原生代码而已快速入门下载Jquery：目前Jquery有三大版本 1.X:兼容ie678,使用最为广泛的，官方只做BUG维护 2.X:不兼容ie678,很少使用，官方只做BUG维护 3.X:不兼容ie678,只支持最新的浏览器。除特殊要求。基本不会使用3.x版本注意：jquery-xxx.js与query-xxx-min.js区别 1､Jquery-xxx.js:开发版本。给程序员看的，有良好的缩进和注释，文件体积大一些 2､Jquery-xxx-min.js：生产版本。程序中使用。没有缩进。文件体积会小一些导入jquery的js文件:导入jquery-xxx-min.js文件使用 Jquery对象和JS对象区别与转换 1､Jquery对象在操作时，更加方便 2､Jquery对象和JS对象方法不通用的 3､两者相互转换 jq – js jq对象[索引] 或者 jq对象.get(索引) js – jq $(js对象) 选择器选择器具有相似特征的元素（标签）基础语法学习 1､事件绑定 2､入口函数 3

jQuery 遍历 - 祖先

阅读更多关于 jQuery 遍历 - 祖先

祖先是父、祖父或曾祖父等等。通过 jQuery，您能够向上遍历 DOM 树，以查找元素的祖先。向上遍历 DOM 树这些 jQuery 方法很有用，它们用于向上遍历 DOM 树： parent() parents() parentsUntil() jQuery parent() 方法 parent() 方法返回被选元素的直接父元素。该方法只会向上一级对 DOM 树进行遍历。下面的例子返回每个 <span> 元素的的直接父元素：实例 $ ( document ) . ready ( function ( ) { $ ( " span " ) . parent ( ) ; } ) ; 尝试一下 » jQuery parents() 方法 parents() 方法返回被选元素的所有祖先元素，它一路向上直到文档的根元素 (<html>)。下面的例子返回所有 <span> 元素的所有祖先：实例 $ ( document ) . ready ( function ( ) { $ ( " span " ) . parents ( ) ; } ) ; 尝试一下 » 您也可以使用可选参数来过滤对祖先元素的搜索。下面的例子返回所有 <span> 元素的所有祖先，并且它是 <ul> 元素：实例 $ ( document ) . ready ( function ( ) { $ ( "

订阅 jquery文档