jquery文档

序言：在使用jquery操作js时，经常整不明白this与$(this)。抽空仔细测试了一把，记录下来以供在忘记的时候拉出来参考参考！ $(this)生成的是什么 $()生成的是什么呢？实际上$()=jquery()，那么也就是说返回的是一个jquery的对象。 题外话：通常我们为了简便直接使用$(),实际上,该函数省略了一个参数context,即$(selector)=$(selector,document).如果指定context，可以指定context为一个dom元素集或者jquery对象。 那么依照，$()返回的是jquery对象这一结论，我们可以得出$(this)得到的是一个jquery对象.我们可以使用万能的alert()方法打印出一个对象： alert($('#btn'));显示的结果： 该图红色框勾选出来的是一个object，不用考虑，该object自然是jquery的对象咯。也即是说我们用通过$('#btn')来调用jquery的方法和属性等。 this代表什么？ this，编程的人都知道this表示上下文所处的这个对象，这个自然是不错的，可是这个对象到底是个什么对象呢？加入js里面也有getType的话返回的值会是什么呢？其实js里面不需要使用getType,因为我们有万能的alert.请看看下面的代码： $('#btn').bind("click"

序言：在使用jquery操作js时，经常整不明白this与$(this)。抽空仔细测试了一把，记录下来以供在忘记的时候拉出来参考参考！ $(this)生成的是什么 $()生成的是什么呢？实际上$()=jquery()，那么也就是说返回的是一个jquery的对象。 题外话：通常我们为了简便直接使用$(),实际上,该函数省略了一个参数context,即$(selector)=$(selector,document).如果指定context，可以指定context为一个dom元素集或者jquery对象。 那么依照，$()返回的是jquery对象这一结论，我们可以得出$(this)得到的是一个jquery对象.我们可以使用万能的alert()方法打印出一个对象： alert($('#btn'));显示的结果： 该图红色框勾选出来的是一个object，不用考虑，该object自然是jquery的对象咯。也即是说我们用通过$('#btn')来调用jquery的方法和属性等。 this代表什么？ this，编程的人都知道this表示上下文所处的这个对象，这个自然是不错的，可是这个对象到底是个什么对象呢？加入js里面也有getType的话返回的值会是什么呢？其实js里面不需要使用getType,因为我们有万能的alert.请看看下面的代码： $('#btn').bind("click"

5、内部对象 标椎对象 typeof 123 "number" typeof '123' "string" typeof true "boolean" typeof NaN "number" typeof [ ] "object" typeof { } "object" typeof Math . abs "function" typeof undefined "undefined" 5.1、Date 基本使用 var now = new Date ( ) ; //Sat Jan 04 2020 10:47:06 GMT+0800 (中国标准时间) now . getFullYear ( ) ; //年 now . getMonth ( ) ; // 月 0~11 代表月 now . getDate ( ) ; // 日 now . getDay ( ) ; // 星期几 now . getHours ( ) ; // 时 now . getMinutes ( ) ; // 分 now . getSeconds ( ) ; // 秒 now . getTime ( ) ; // 时间戳 全世界统一 1970 1.1 0:00:00 毫秒数 console . log ( new Date ( 1578106175991 ) ) //时间戳转为时间 转换 now = new Date

了解Jquery 什么是JQuery jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQueryJavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。简单来说，Jquery是简化版的JS Jquery的优点： 因为jq是轻量级别的框架，大小不大30kb 它有强大的选择器，出色的DOM操作封装 有可靠的事件处理机制 完善的ajax 出色的浏览器兼容性 支持链式操作，隐式迭代 行为层(功能)和结构层(页面元素) 的分离，还支持丰富的插件 Jquery的使用 引入Jquery库： 在使用jquery之前，必须要引入jquery库 <script src = "jquery-3.4.1.min.js"></script>"· 声明Jquery变量： [^$ 声明该变量是jq变量 同时$也是JQuery的简写] var $ 变量名 = 赋值内容; 例如： var $ a = 10 ; jq中顶级对象是 $ 或者jQuery关键字 注意： jQuery中的 $ 和 jQuery关键字 本身同为一个对象 Jquery变量与Dom变量的转换： Dom变量转Jquery变量： var oDiv = document

DOM（Document Object Model）：文档对象模型 – 浏览器提供的操作HTML文档内容的应用程序接口 – 用于对文档(HTML、CSS元素)进行动态操作，如增加文档内容、删除文档内容、修改文档内容等等 DOM的核心就是对DOM树的操作，即增加、删除、修改DOM树中的内容 DOM节点是一个对象（属性和方法） 访问DOM节点 面向对象中用原生的JavaScript 也能操作DOM（理解成页面中的一个个元素，比div、p） < ! DOCTYPE html > < html > < head > < title > < / title > < script type = "text/javascript" src = "jquery-3.4.1.min.js" > < / script > < ! -- < link rel = "stylesheet" type = "text/javascript" herf = "jquery-3.4.1.min.js" > 错误的引入方式 -- > < / head > < body > < div class = "className" style = "background:red;width:100%;height:50px;" > < / div > < ! -- < div id = "idName" style =

前面的话 　　选择器是jQuery的根基，在jQuery中，对事件处理、遍历DOM以及ajax操作都依赖于选择器。jQuery选择器完全继承了CSS的风格，两者的写法十分相似，只不过两者的作用效果不同。 CSS选择器 找到元素后添加样式，而jQuery选择器找到元素后添加行为。jQuery选择器可以分为基础选择器、层级选择器、过滤选择器和表单选择器四类。对于每类选择器，除了给出jQuery选择器的写法，也会给出相应的CSS选择器和DOM选择器的写法。有所比较，才能理解得更深。本文是jQuery选择器系列第一篇——基础选择器和层级选择器 基础选择器 　　基础选择器是jQuery中最常用选择器，也是最简单的选择器，它通过元素id、class和标签名等来查找DOM元素 id选择器 　　id选择器$('#id')通过给定的id匹配一个元素，返回单个元素 <div id="test">测试元素</div> <script> //选择id为test的元素并设置其字体颜色为红色 $('#test').css('color','red'); </script> 　　对应CSS的 id选择器 #test{color:red} 　　对应DOM的 getElementById()方法 ，而jQuery内部也使用该方法来处理ID的获取 document.getElementById('test')

了解JQuery 什么是JQuery jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQueryJavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。 为什么使用JQuery 因为jq是轻量级别的框架，大小不大30kb 它有强大的选择器，出色的DOM操作封装 有可靠的事件处理机制 完善的ajax 出色的浏览器兼容性 支持链式操作，隐式迭代 行为层(功能)和结构层(页面元素) 的分离，还支持丰富的插件 JQuery基础 $ $ 声明该变量是jq变量 同时$也是JQuery的简写 jq中 顶级/对象 是 $ 或者jQuery关键字 注意： jQuery中的 $ 和 jQuery关键字 本身同为一个对象 变量 js变量 var a = 10; jq变量 var $a = 10; 变量转化 dom的变量 和 jq的变量之间 转换 转换为jq变量 var oDiv = document.getElementsByClassName(“box”)[0]; var $b = $(oDiv); 转换为DOM变量 var $c = $b[0]; 入口函数 js中的入口函数 window.onload

第1章： jQuery简介 为了 简化 JavaScript 的开发 ，一些 JavsScript 库诞生了。 JavaScript库封装了很多预定义的对象和实用函数，简化HTML与JavaScript之间的操作，能帮助使用者建立有高难度交互的页面， 并且 兼容各大浏览器 。 当前流行的 JavaScript 库有 jQuery是继prototype之后又一个优秀的JavaScript框架。如今， jQuery已经成为最流行的JavaScript库。 在世界前10000个访问最多的网站中，有超过55%在使用jQuery。 jQuery，顾名思义，也就是JavaScript和查询（query），其宗旨是“WRITELESS,DO MORE”，极大地简化了JavaScript开发人员遍历HTML文档，操作Dom，处理时间，执行动画和开发Ajax，具体来说，优势如下 jQuery是免费、开源的 轻量级(压缩后只有几十k) 强大的选择器 出色的 DOM 操作的封装 可靠的事件处理机制 完善的 Ajax使用 出色的多浏览器兼容性 隐式迭代：对集合对象做相同操作时不需要逐个进行遍历，jQuery自动进行遍历 文档说明很全 可扩展插件 第2章：jQuery快速入门 jQuery库实际上就是一个js文件，只需要在网页中直接引入这个文件就可以了。 将jQuery的库文件加入 在开发测试时,

dataType 类型：String 预期服务器返回的数据类型。如果不指定，jQuery 将自动根据 HTTP 包 MIME 信息来智能判断，比如 XML MIME 类型就被识别为 XML。在 1.4 中，JSON 就会生成一个 JavaScript 对象，而 script 则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后，传递给回调函数。可用值: "xml": 返回 XML 文档，可用 jQuery 处理。 "html": 返回纯文本 HTML 信息；包含的 script 标签会在插入 dom 时执行。 "script": 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了 "cache" 参数。注意：在远程请求时(不在同一个域下)，所有 POST 请求都将转为 GET 请求。（因为将使用 DOM 的 script标签来加载） "json": 返回 JSON 数据 。 "jsonp": JSONP 格式。使用 JSONP 形式调用函数时，如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。 "text": 返回纯文本字符串 更多信息主参考： https://www.w3school.com.cn/jquery/ajax_ajax.asp 来源： https://www.cnblogs.com

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插件做出来的效果很炫