jquery文档

jquery介绍 jquery的优势 1.js代码对浏览器的兼容性做的更好了 2.隐式循环 3.链式操作 jquery是什么? 高度封装了js代码的模块 封装了dom节点 封装了操作dom节点的简便方法 jquery的导入 https://code.jquery.com/jquery-3.4.1.js 未压缩版 https://code.jquery.com/jquery-3.4.1.min.js 压缩版 下载:保存在本地文件里 引入:<script src="jquery3.4.1.min.js"></script> $和jQuery的关系 $就是jQuery名字的简写,实际上是一回事儿 jquery对象和dom对象的关系和转换 jquery封装了dom dom转成jquery : jQuery(dom对象) $(dom对象) jquery转成dom : jq对象[index] jquery选择器 基础选择器 #id选择器 .类选择器 标签选择器 *通用选择器 $('#city') k.fn.init [ul#city]0: ul#citylength: 1__proto__: Object(0) $('.box') k.fn.init [div.box, prevObject: k.fn.init(1)]0: div.boxlength: 1prevObject: k.fn

Jquery 1.jquery介绍 为什么要用jquery jquery的两大特点 链式编程：比如 .show() 和 .html() 可以连写成 .show().html() 。 隐式迭代：隐式 对应的是 显式。隐式迭代的意思是：在方法的内部进行循环遍历，而不用我们自己再进行循环，简化我们的操作，方便我们调用。 什么是jquery jQuery 是 js 的一个库，封装了我们开发过程中常用的一些功能，方便我们调用，提高开发效率。 js库是把我们常用的复杂功能封装到简单的方法中，我们用的时候，将库直接引入然后调用方法即可。 初期，主要学习如何使用jQuery操作DOM，其实就是学习jQuery封装好的那些功能API。 这些API的共同特点是：几乎全都是方法。所以，在使用jQuery的API时，都是 方法调用 ，也就是说要加小括号()，小括号里面是相应的参数，参数不同，功能不同。 版本说明 jQuery 有三个大版本： 1.x版本：最新版为 v1.11.3。 2.x版本：最新版为 v2.1.4（不再支持IE6、7、8）。 3.x版本。 2.jquery的使用 使用 jQuery 的基本步骤 下载 ：jQuery有两个文件，一个是 jquery-3.4.1.js (未压缩版)，一个是 jquery-3.4.1.min.js (压缩版,推荐项目上线时使用) 关于jQuery的相关资料：

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

jQuery快速入门 jQuery 　　jQuery介绍 　　　　1.jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 　　　　2.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是什么？ jQuery是一个JavaScript常用的工具函数库。 jQuery是一个轻量级的"写的少，做的多"的JavaScript库。 writer less , do more ----- 用更少的代码，解决更多的需求 jQuery的版本问题 目前jQuery有三个大版本，1.xx.xx、 2.xx.xx 和 3.xx.xx 1版本兼容性最高,可以有效的兼容ie浏览器 2版本删除了兼容最低只能兼容到ie9,使代码更加轻量化 3版本重构了底层代码,彻底放弃了ie9以下的浏览器,但是却新增加 了很多的使用的方法，并且代码的安全性也增加很多 jQuery的使用 我们可以根据需要下载一个指定版本的jquery文件，当然也可以选择使用第三方文件。 js 官方网址: http://jquery.com/例如:<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> 百度CDN中的jQuery jQuery 中的核心语法 在jQuery当中，jQuery是一个核心方法，用来查找元素从而方便对元素的操作，可以简写为 $ jQuery("#btn").click(function() { alert(123); }); // 上边的代码也可以改为 $("#btn").click

目录 jquery引入 标签查找 层级选择器：（同css） 基础选择器 属性选择器 表单筛选器 链式表达式 操作标签 样式操作 css操作 位置操作 尺寸 文本操作 jquery引入 下载链接：jQuery官网 https://jquery.com/ 中文文档：jQuery AP中文文档 <script src="jquery.js"></script> <script> </script> //第二种方式,网络地址引入 <!--<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>--> 下载 jquey方法找到的标签对象称为jquery对象 原生js找到的标签对象称之为DOM对象 dom对象只能调用dom对象的方法,jquery对象只能用jquery方法,不能互通 jquery对象和dom对象互相转换 /jQuery对象转成DOM对象，通过一个jQuery对象+[0]索引零，就变成了DOM对象，就可以使用JS的代码方法了，DOM对象转换成jQuery对象：$(DOM对象)，通过$符号包裹一下就可以了 jquery对象 转换成 dom对象 : $('#d1')[0] -- dom对象 dom对象转换为jquery对象 : $(dom对象) -- jquery对象 标签查找 　　　　基本选择器

jQuery jQuery 是一个 JavaScript 函数库。 jQuery 是一个轻量级的 JavaScript 库。 jQuery 库包含以下功能： 1234567 - HTML 元素选取- HTML 元素操作- CSS 操作- HTML 事件函数- JavaScript 特效和动画- HTML DOM 遍历和修改- AJAX 异步加载 jQuery介绍 jQuery 是目前使用最广泛的 javascript 函数库。据统计，全世界排名前 100 万的网站，有 46% 使用 jQuery ，远远超过其他库 微软公司甚至把 jQuery 作为他们的官方库 jQuery 的版本分为 1.x 系列和 2.x 、 3.x 系列， 1.x 系列兼容低版本的浏览器； 2.x 、 3.x 系列放弃支持低版本浏览器，目前使用最多的是 1.x 系列的 jquery 是一个函数库，一个 js 文件，页面用 script 标签引入这个 js 文件就可以使用 1 <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script> 下载jQuery 官网： http://jquery.com/ 下载： https://code.jquery.com/ 基础语法 123456789101112 <script type=

目录 1.楔子 2.jqeury介绍 2.1为什么要使用jQuery 2.2jQuery 的两大特点 2.3什么是 jQuery 3.jQuery的使用 3.1使用 jQuery 的基本步骤 3.2jQuery 的入口函数和 $ 符号 4.js中的DOM对象 和 jQuery对象比较（重点，难点） 4.1二者的区别 4.2二者的相互转换 5.jQuery查找标签 5.1基本选择器 5.2筛选器 5.3筛选器方法 6.jQuery操作标签 6.1标签内文本操作 6.2文档标签操作 6.3属性操作 6.4class类属性 6.5val 表单控件value属性 6.6css样式 6.7盒子样式属性 6.8滚动条距离属性 7.jQuery动画效果 7.1显示动画 7.2隐藏动画 7.3开关式显示隐藏动画 7.4滑入和滑出 7.5淡入淡出动画 7.6自定义动画 7.7停止动画 8.jQuery的事件操作 8.1绑定事件 8.2解绑事件 8.3补充 一次性事件 8.4事件委托（事件代理） 9.示例 1.楔子 需求一： 有html标签关系如下，请找到所有的含有a标签的li标签 <div> <ul> <li class="city">北京</li> <li class="city"><a href="">上海</a></li> <li class="city">天津</li> </ul> <

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

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