jquery文档

jQuery学习（1）猜数字游戏

由 删除回忆录丶 提交于 2019-12-25 21:33:47
  jQuery是一个快捷、小型且特征丰富的JavaScript库。它使得HTML文档遍历及操作，事件处理，动画，Ajax等更简洁方便。它通过调用一个简单易用的API，就能在各种浏览器中使用。由于jQuery本身很好的兼容性和延展性，它的出现改变了千百万使用者书写JavaScript的习惯。   本次分享将会对jQuery的学习做一个简单的应用，那就是猜数字游戏。   开始页面如下：   我们有必要对该游戏的处理逻辑做一些简单的分析。首先，后台会随机产生一个1-100之间的整数。然后，用户在输入框中进行输入操作，当输入不是数字时，则弹出对话框并提示；如果输入的数字<1或者>100，则则弹出对话框并提示；如果输入的数字等于产生的随机数，则提出输入正确；若如果输入的数字小于产生的随机数，则提出输入的数字过小；若如果输入的数字小于产生的随机数，则提出输入的数字过小。   完整的jQuery代码如下： <!DOCTYPE html> <html> <head> <script src="jquery-3.2.1.js"></script> <script> $(document).ready(function(){ var correctNumber = Math.floor(Math.random()*100)+1; var result = ""; $("button").click

jquery源码分析

由 我的梦境 提交于 2019-12-25 06:55:14
作者：zuoxiaolong8810（左潇龙），转载请注明出处，特别说明：本博文来自博主原博客，为保证新博客中博文的完整性，特复制到此留存，如需转载请注明新博客地址即可。 前段时间上班无聊之时，研究了下jquery的源码。现在记录下自己的成果，分享一下。 下面是我自己琢磨和编写的jquery模型，里面有我所写的注释。 /* * my-jquery-1.0 */ /* * 网上也有很多实现的版本，不过这是我在我自己的理解下写的，加上注释，希望可以解释清楚。 */ /* * 整个jquery包含在一个匿名函数中，专业点叫闭包，就是下面的形式，如(function(window,undefined){}(window))。 * 闭包的定义在这里不太容易讲清楚，我只说下这样说的好处。 * 1.使整个jquery中定义的变量成为局域变量，不会影响全局变量，个人觉得这也是jquery被成为轻量级的原因之一。 * 2.增加jquery运行速度，因为局域变量运行速度高于全局变量。 * 3.就像你看到，传入的window和undefined，可以自定义名字，方便编写。当然，现在你看到的仍是原来的写法，但是你可以看看jquery的min版本，一定是压缩的。 */ (function( window, undefined ) { var /*jquery的定义，我们平时用的$和jQuery就是它

浅谈移动前端的最佳实践

由 回眸只為那壹抹淺笑 提交于 2019-12-25 01:33:53
前言 这几天，第三轮全站优化结束，测试项目在2G首屏载入速度取得了一些优化成绩，对比下来有10s左右的差距： 这次优化工作结束后，已经是第三次大规模折腾公司框架了，这里将一些自己知道的移动端的建议提出来分享下，希望对各位有用 文中有误请您提出，以免误人自误 技术选型 单页or多页 spa（single page application）也就是我们常常说的web应用程序webapp，被认为是业内的发展趋势，主要有两个优点： ① 用户体验好 ② 可以更好的降低服务器压力 但是单页有几个致命的缺点： ① SEO支持不好，往往需要单独写程序处理SEO问题 ② webapp本身的内存管理难，Javascript、Css非常容易互相影响 当然，这里不是说多页便不能有好的用户体验，不能降低服务器压力；多页也会有变量污染的问题发生，但造成webapp依旧是“发展趋势”，而没有大规模应用的主要原因是： webapp模式门槛较高，很容易玩坏 其实webapp的最大问题与上述几点没有关系，实际上阻碍webapp的是技术门槛与手机性能，硬件方面不必多说，这里主要说技术门槛。 webapp做的好，可以玩动画，可以玩真正意义上的预加载，可以玩无缝页面切换，从某些方面甚至可以媲美原生APP，这也是webapp受到追捧的原因。 但是，以上很容易被玩坏！因为webapp模式不可避免的需要用到框架

ajax--->请求异常 jQuery提示parsererror错误解决办法

由 雨燕双飞 提交于 2019-12-24 22:17:09
ajax请求异常 jQuery提示parsererror错误解决办法 原因：出现这个错误是因为后端返回的数据类型和前端请求中dataType的要求类型不一致导致的。 dataType简介：jquery中ajax的dataType属性用于指定服务器返回的数据类型，如果不指定，jQuery 将自动根据HTTP包MIME信息来智能判断，如果datatype选项不填写的话，会将返回的数据当成字符串处理。 ajax的datatype选项的值 1、"xml"：返回 XML 文档，可用 jQuery 处理。 2、"html":：返回纯文本 HTML 信息；包含的 script 标签会在插入 dom 时执行。 3、"script":：返回纯文本JavaScript 代码。不会自动缓存结果，除非设置了 "cache" 参数。注意：在远程请求时(不在同一个域下)，所有 POST 请求都将转为 GET 请求。（因为将使用 DOM 的 script标签来加载） 4、"json": 返回 JSON 数据 。 5、"jsonp": JSONP 格式。使用JSONP 形式调用函数时，如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名，以执行回调函数，经常被用来同主域名下不同二级域名下的跨域请求。 6、"text": 返回纯文本字符串。 解决方法：统一前后端数据交流的类型 来源

前端开发工具之jQuery

由 痴心易碎 提交于 2019-12-24 01:13:17
jQuery 　　jQuery是一个轻量级的JavaScript第三方库，能够简单方便的进行JavaScript编程。 　　jQuery选择器 　　　　1，id选择器： $("#id") 　　　　2，标签选择器： $("标签名") 　　　　3，类选择器： $(".类名") 　　　　4，限定选择器： $("div.c1") // 找到有c1类的div标签 　　　　5，全局选择器： $("*") // 找到所有 　　　　6，多项选择器： $("#id, .类名, 属性名") 　　　　7，层级选择器：x和y可以为任意选择器 $("x y") // x的所有后代y（子子孙孙） $("x > y") // x的所有儿子y（儿子） $("x + y") // 找到所有紧挨在x后面的y $("x ~ y") // x之后所有的兄弟y 　　　　8，属性选择器： $(input [type]) // 找到有type属性的input标签 $(input [type="text"]) // 找到type属性值为text的input标签 $(input [type="text"]) // 找到type属性值不为text的input标签 　　　　9，选择器的筛选： :first // 第一个 :last // 最后一个 :eq(index) // 索引等于index的那个元素 :even //

jQuery帮助文档

由 廉价感情. 提交于 2019-12-23 09:02:08
jQuery 库 - 特性 基础 jQuery 实例 jQuery 是一个 JavaScript 函数库。 下面的例子演示了 jQuery 的 hide jQuery 库包含以下特性： 实例 HTML 元素选取 <html> HTML 元素操作 <head> CSS 操作 <script type="text/java HTML 事件函数 <script type="text/javascr JavaScript 特效和动画 $(document).ready(function HTML DOM 遍历和修改 $("button").click(function AJAX $("p").hide(); Utilities }); }); </script> </head> <body> <h2>This is a heading</h2> <p>This is a paragraph.</p <p>This is another paragra <button type="button">Clic </body> </html> jQuery 语法 jQuery 语法是为 HTML 元素的选取编制，可以对元素执行某些操作。 基础语法是：$(selector).action() 美元符号定义 jQuery 选择符（selector）“查询”和“查找” HTML 元素 jQuery

seajs如何整合jquery

由 纵然是瞬间 提交于 2019-12-22 22:13:11
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 转自：http://www.tuicool.com/articles/bmuaEb 今天早上初尝seajs，发现一个非常蛋疼的事情，使用官方demo中的jquery是没有问题， 下载官方最新版jquery 2.1.1发现console.log($)返回null，百思不得其解！只能求助度娘！ 在GitHub发现了玉伯的说明 《 直接调用 jQuery 插件等非标准模块的方法 》 不过这方法在2.3版本貌似已经不行,seajs.modify方法已在这版本移除！ https://github.com/seajs/seajs/issues/286 这里的标准模块指的是AMD和CMD的定义 引用玉伯在知乎的详细回答 http://www.zhihu.com/question/20351507/answer/14859415 以下引用玉伯的回复大家会更加深入了解 @lifesinger 昨天折腾得太累了，不好意思。后来还是用 RequireJs 解决问题。 另外，我想问问：1. AMD 是不是容易卡死UI？ 2. 为什么采用与 SeaJs同样采用 CMD 规范编写的 NodeJs 模块 不能直接调用——我大概观察了下，好像定义格式不太一样，这也是问题啊，既然遵循同样的规范为什么格式又不一样，3.

jQuery快速入门

由 陌路散爱 提交于 2019-12-22 07:44:04
一、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插件做出来的效果很炫

JQuery原理介绍及学习方法

由 我是研究僧i 提交于 2019-12-22 05:20:20
前言 对于JQuery，想必大家都很熟悉。目前，很多web项目，在实施的过程中，考虑到各浏览器原生JS API的兼容性，大都会选用JQuery或类似于JQuery这样的框架来进行网页效果开发。JQuery上手简单，也很容易学，即使是刚接触JQuery的开发人员，借助JQuery手册，也很快能在项目中使用开发。 虽然JQuery相对简单，但要全面掌握，且快速灵活的使用它也并不那么容易，它提供了很多方法，包含了网页开发的各个知识面，所以要全面掌握这些知识点，个人认为还是需要对jquery有深入的理解，对这些知识点做分类整理记忆，这样你才能面对一些JQuery代码的时候不会感到迷惑，才会知道采用何种方式实现某个特效是最佳实践，才能快速的采用JQuery来进行项目开发。 简单模拟JQuery JQuery里的代码是出了名的刁钻，里面的奇技淫巧太多太多，如果你想通过源码来学习JQuery，没有一定的功底是很难做到的。所以下面写一个非常简单的库来模拟JQuery，方便大家理解。 总体代码 (function(window) { var doc = window.document; // -------------代码段二 ------------------ var JQuery = function(selector) { return new JClass(selector); } //

Jquery

由 谁说我不能喝 提交于 2019-12-21 22:18:08
目录 day01 - jQuery 1.1. jQuery 介绍 1.1.1 JavaScript 库 1.1.2 jQuery的概念 1.1.3 jQuery的优点 1.2. jQuery 的基本使用 1.2.1 jQuery 的下载 1.2.2. 体验jQuery 1.2.3. jQuery的入口函数 1.2.4. jQuery中的顶级对象$ 1.2.5. jQuery 对象和 DOM 对象 1.2.6. jQuery 对象和 DOM 对象转换 1.3. jQuery 选择器 1.3.1. 基础选择器 1.3.2. 层级选择器 1.3.3. 筛选选择器 1.3.4 知识铺垫 1.3.5 案例：淘宝服饰精品案例 1.4. jQuery 样式操作 1.4.1. 方法1: 操作 css 方法 1.4.2. 方法2: 设置类样式方法 1.4.3. 案例：tab 栏切换 1.5. jQuery 效果 1.5.1. 显示隐藏 1.5.2. 滑入滑出 1.5.3 淡入淡出 1.5.4 自定义动画 1.5.5 停止动画排队 1.5.6. 事件切换 1.5.7. 案例：王者荣耀手风琴效果 1.6. 今日总结 day02 - jQuery 1.1. jQuery 属性操作 1.1.1 元素固有属性值 prop() 1.1.2 元素自定义属性值 attr() 1.1.3 数据缓存 data() 1
订阅 jquery文档