jquery文档 | 易学教程

jQuery简介

阅读更多关于 jQuery简介

2013-11-17 一.首先我们要了解jQuery与JavaScript的区别: *JavaSipt是为了适应动态网页制作的需要而诞生的一种编辑语音.他是由Netscape公司开发的一种脚本语音(scripting language). *JQuery是继Prototype之后有一个优势的JavaScript库,他由John Resig创建于2006年1月.他简化了遍历HTML文档.操作DOM.处理事件.执行动画和Ajax的操作.他独特而优雅的代码风格改变了JavaScript程序员的设计方式和思维. 二.jQuery的优势 1.轻量级: 　　jQuery非常轻巧,采用Dean Edwards 的Packer压缩后,只有不到30kb的大小,如果服务器端启用gzip压缩后,甚至只有16kb的大小! 2.强大的选择器: 　　jQuery可以让操作者使用从CSS1到CSS3几乎所有的选择器,以及jQuery独创的高级而复杂的选择器. 3.出色的DOM操作的封装　　jQuery封装了大量常用DOM操作,使用编写DOM操作相关程序员的时候能够得以应手,优雅的完成各种原版非常复杂的操作,让JavaScript新手也能写出出色的程序. 4.可靠的事件处理机制　　jQuery的事件处理机制吸取了JavaScript专家Dean Edwards 编写的事件处理函数的精华

Jquery的优势

阅读更多关于 Jquery的优势

（1）轻量级。jQuery非常轻巧，采用Dean Edwards的Packer(http://dean.edwards.name/packer/)压缩后，只有不到30KB的大小，如果服务器端启用gzip压缩后，甚至只有16KB的大小！（2）强大的选择器。jQuery可以让操作者使用从CSS 1到CSS 3几乎所有的选择器，以及jQuery独创的高级而复杂的选择器。如果你需要，还可以加入插件使其支持XPath选择器！下一章我们将为你详细讲解jQuery中强大的选择器。（3）出色的DOM操作的封装。jQuery封装了大量常用DOM操作，使你编写DOM操作相关程序的时候能够得心应手，优雅的完成各种原本非常复杂的操作，让JavaScript新手也能写出出色的程序。第三章将为你重点介绍jQuery中优雅的DOM操作。（4）可靠的事件处理机制。jQuery的事件处理机制吸取了JavaScript专家Dean Edwards编写的事件处理函数的精华，使得jQuery处理事件绑定的时候相当的可靠。在预留退路(graceful degradation)方面，jQuery也做的非常不错。第四章将为你重点介绍jQuery中的事件处理。（5）完善的Ajax。jQuery将所有的Ajax操作封装到一个函数$.ajax里

冰冻三尺非一日之寒--jQuery

阅读更多关于冰冻三尺非一日之寒--jQuery

第十七章 jQuery http://jquery.cuishifeng.cn/ 一.过滤选择器：目的：处理更复杂的选择，是jQuery自定义的，不是CSS3中的选择器。语法：jQuery的过滤选择器借鉴了css中伪类的语法，即选择器以冒号（：）开始。　　　　jQuery常用的过滤选择器　　选择器说明 :animated　所有处于动画中的元素 :button 所有按钮，包括input[type=button]、input[type=submit]、input[type=reset]和<button>标记 :checkbox 所有复选框，等同于input[type=checkbox] :checked 选择被选中的复选框或单选框 :contains( characters ) 选择所有包含了文本" characters "的元素 :disabled 页面中被禁用了的元素 :enabled 页面中没有被禁用的元素 :file 表单中的文件上传元素，等同于input[type=file] :header 选中所有标题元素，例如<h1>~<h6> :hidden 匹配所有的不可见元素，例如设置为display:none的元素或input元素的type属性为“hidden”的元素 :image 表单中的图片按钮，等同于input[type=image] :input

jQuery总结

阅读更多关于 jQuery总结

一、jQuery初步认知 jQuery概述 JQuery概念 javascript概念基于Js语言的API和语法组织逻辑，通过内置window和document对象，来操作内存中的DOM元素 JQuery概念基于javascript的，同上，提高了代码的效率 jQuery是什么: 是一个javascript代码仓库，我们称之为javascript框架。是一个快速的简洁的javascript框架，可以简化查询DOM对象、处理事件、制作动画、处理Ajax交互过程。它可以帮我们做什么(有什么优势) 轻量级、体积小，使用灵巧(只需引入一个js文件) 强大的选择器出色的DOM操作的封装出色的浏览器兼容性可靠的事件处理机制完善的Ajax 链式操作、隐式迭代方便的选择页面元素(模仿CSS选择器更精确、灵活) 动态更改页面样式/页面内容(操作DOM，动态添加、移除样式) 控制响应事件(动态添加响应事件) 提供基本网页特效(提供已封装的网页特效方法) 快速实现通信(ajax) 易扩展、插件丰富如何引入JQuery包引入本地的JQuery 引入Google在线提供的库文件（稳定可靠高速）使用Google提供的API导入写第一个JQUery案例解释:在JQuery库中，$是JQuery的别名，$()等效于就jQuery() <script type=“text

jQuery基本知识

阅读更多关于 jQuery基本知识

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　jQuery知识结构 * jQuery入门? * js函数库(DOM/ajax) * 特点: * HTML元素选取 * HTML元素操作 * CSS操作 * HTML事件处理 * JS动画效果 * 链式调用 * 浏览器兼容 * Ajax封装 * 易扩展插件 * helloworld * 引入库 * 引入库文件到项目中 * 在页面中引入 * 使用库 * 使用jQuery核心函数 : $/jQuery * 使用jQuery核心对象 : 使用调用$()返回的结果 $(function(){ $('#demo').click(function(){ //处理点击响应逻辑 }); }); * 回调函数: * 你定义的 * 你没有调用 * 但它最终执行了(一定时机/条件) * jQuery的2把利器 * jQuery核心函数 : * $/jQuery : jQuery库定义的两个全局函数 * 作为一般函数调用 : $(params) * callback function : 绑定文档加载完成的回调 * 选择器字符串 : 查找所有匹配的dom元素, 并包装为jQuery对象返回 * 标签字符串 : 生成dom元素对象, 并包装为jQuery对象返回 * dom元素对象: 将指定的dom元素包装为jQuery对象返回

jQuery的学习笔记

阅读更多关于 jQuery的学习笔记

JQuery学习笔记 Chapter one初识jQuery 1.2测试jQuery 在jQuery库中，$是jQuery的别名，如：$()相当于jQuery（）注意：在使用JQuery进行开发的时候如果在做所有事情之前，希望jQuery操作DOM文档，就必须保证在DOM载入完毕后开始执行，应该使用ready事件作为处理HTML文档的开始。 1.4JQuery的核心功能 1.对外接口单一让使用更简单 2.链式语法让编码更加的快速和优雅 3.模仿CSS选择器让选取元素更加的精确的灵活 4.拓展接口让JQuery更开放，富有活力 1.5容易混淆的几个概念ＤＯＭ对象是文档对象模型ＪＱｕｅｒｙ对象实际上是普通的ＪａｖａＳｃｒｉｐｔ对象，他其中包含了ＤＯＭ对象的集合。ＪＱｕｅｒｙ对象不能调用ＤＯＭ对象的方法，ＤＯＭ也不能调用ＪＱｕｅｒｙ对象的方法和属性，如果非要使用的话，可以把JQuery对象转换为DOM对象，方法有两种：一种是借助数组下标来读取JQuery对象集合中的某个ＤＯＭ对象；例如： <!DOCTYPE html>  <html> <head lang="en"> <meta charset="UTF-8"> <script src="../jquery/jquery-1.11.3.js"

js中的window.onload和jquery中的load区别

阅读更多关于 js中的window.onload和jquery中的load区别

JavaScript 中的以下代码 : Window.onload = function (){ // 代码 } 等价于 Jquery 代码如下： $(window).load( function (){ // 代码 }); window.load $(document).ready() 执行时机必须等待网页中所有的内容加载完毕后 ( 包括图片 ) 才能执行网页中所有 DOM 结构绘制完毕后就执行，可以能 DOM 元素关联的内容并没有加载完编写个数不能同时编写多个以下代码无法正确执行： window.onload = function(){ alert(“text1”); }; window.onload = function(){ alert(“text2”); }; 结果只输出第二个能同时编写多个以下代码正确执行： $(document).ready(function(){ alert(“Hello World”); }); $(document).ready(function(){ alert(“Hello again”); }); 结果两次都输出简化写法无 $(function(){ // do something }); 以浏览器装载文档为例，在页面加载完毕后，浏览器会通过 Javascript 为 DOM 元素添加事件。在常规的 Javascript

jQuery Easing 使用方法及其图解

阅读更多关于 jQuery Easing 使用方法及其图解

从 jQuery API 文档中可以知道，jQuery自定义动画的函数.animate( properties [, duration] [, easing] [, complete] )有四个参数： properties：一组包含作为动画属性和终值的样式属性和及其值的集合 duration(可选)：动画执行时间，其值可以是三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如：1000) easing(可选)：要使用的过渡效果的名称，如："linear" 或"swing" complete(可选)：在动画完成时执行的函数其中参数easing默认有两个效果："linear"和"swing"，如果需要更多效果就要插件支持了， jQuery Easing Plugin 提供了像"easeOutExpo"、"easeOutBounce"等30多种效果，大家可以点击这里去看每一种easing的演示效果，下面详细介绍下其使用方法及每种easing的曲线图。 jQuery easing 使用方法首先，项目中如果需要使用特殊的动画效果，则需要在引入jQuery之后引入jquery.easing.1.3.js [html] view plain copy < script type = "text/javascript" src =

看几道JQuery试题后总结（下篇）

阅读更多关于看几道JQuery试题后总结（下篇）

感谢圆友的提醒昨天下午完成了9道试题中的前4道，之后好多园友存在些疑惑和建议，在这里我一并说一下吧。首先对于昨天第一题可能存在误导，在JQuery中并没有innerHTML这个属性，不过我们可以将JQuery对象转换成DOM对象再使用innerHTML，还有对于那个innerTEXT也是操作DOM对象的，不过貌似用的比较少。其次是第三题，我们选择表单元素，尽量使用表单元素选择器。总之，感谢圆友们的批评指正、、、接下来我们继续完成昨天没有完成的试题...... 第五题题目：JQuery对象与dom对象的区别，以及两者互相转换的方法 var jquery = $("#x1"); //jquery对象 var dom = document.getElementById("#x1"); //dom对象　　两者区分：　　jQuery对象就是通过jQuery包装DOM对象后产生的对象，它是jQuery独有的，使用JQuery对象可以使用JQuery对象中的方法。例如在JQuery中我们可以使用"对　　　　象.html()"来获取元素内的内容，它等同于在DOM中使用"对象.innerHTML"。还有我们使用这两种对象的时候必须分清情况，不能再JQuery对象中使用DOM对象的方法，也不能在BOM对象中使用JQuery对象的方法，小弟我昨天就犯错了。　　两者互相转换： /

jQuery基础知识笔记（一）

阅读更多关于 jQuery基础知识笔记（一）

jQuery官网： https://jquery.com/ 在线API: https://api.jquery.com/ jQuery UI： https://jqueryui.com/ API:提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码高版本的jQuery不支持IE浏览器，注意匹配 1. 框架库和jQuery介绍 jQuery就是JavaScript语法写的一些函数类，内部仍然是调用JS实现的，所以并不是代替JS。可以说jQuery本身就是一堆JS函数，jQuery就是一个JS的函数库 2. jQuery文件使用（1）为什么要学习jQuery？ DOM中一个简单的功能需要大量的代码；兼容问题很多；代码容错性很差；window.onload也只能有一个（2）jQuery好处：解决浏览器兼容性问题，体积小，链式编程，隐式迭代，插件丰富，开源，免费（例题）点击按钮出现一个蓝色小方块 < script > //Dom中写法 window . onload = function ( ) { document . getElementById ( "btn" ) . onclick = function ( ) { var divObj = document . getElementById ( "dv" ) ; divObj . style .

订阅 jquery文档