jquery文档

提升效率 jQuery选择器大全 在jQuery 中,jQuery 为编写代码者提供了异常强大的选择器用来帮助我们获取页面上的对象, 并且将对象以jQuery 包装集的形式返回。本文主要对常用的jQuery 选择器进行一个介绍及归类。 jQuery 选择器大体上可分为 4 类：基本选择器、层次选择器、过滤选择器、表单选择器。 其中过滤选择器可以分为：简单过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、表单对象属性过滤选择器。 基本选择器： $("#myELement") 选择id值等于myElement的元素，id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素，返回div元素数组 $(".myClass") 选择使用myClass类的css的所有元素 $("*") 选择文档中的所有的元素 可以运用多种的选择方式进行联合选择：例如$("#myELement,div,.myclass") 层叠选择器： $("form input") 选择所有的form元素中的input元素 $("#main > *") 选择id值为main的所有的子元素 $("label + input") 选择所有的label元素的下一个input元素节点

学习要点： 1.什么是 jQuery 2.学习 jQuery 的条件 3.jQuery 的版本 4.jQuery 的功能和优势 5.其他 JavaScript 库 6.是否兼容低版本 IE 7.下载及运行 jQuery 一．什么是 jQuery jQuery 是一个 JavaScript 库，它通过封装原生的 JavaScript 函数得到一整套定义好的方法。它的作者是 John Resig ，于 2006 年创建的一个开源项目，随着越来越多开发者的加入， jQuery 已经集成了 JavaScript 、 CSS 、 DOM 和 Ajax 于一体的强大功能。它可以用最少的代码，完成更多复杂而困难的功能，从而得到了开发者的青睐。 主旨：以更少的代码、实现更多的功能 二．学习 jQuery 的条件 jQuery 是 JavaScript 库，所以 jQuery 在使用上要比原生的 JavaScript 要简单，但是对于网页编程来说，有些通用的基础知识是必备的： 1.XHTML 或 HTML5 （含 CSS ，网页必备的基础技术， XHTML 已完结 90 课）； 2.JavaScript （虽然 jQuery 使用比 JavaScript 简单，但各种语法来自 JavaScript ，只要掌握已出课程的第一季 149 课即可，并不需要完全精通，只要理解语法和项目中简单的用法即可。）；

首先在介绍ExtJS和JQuery，然后进行比较 一个、什么是ExtJS？ 1、ExtJS能够用来开发RIA也即富 client 的AJAX应用，是一个用javascript写的，主要用于创建前端用户界面，是一个与 后台 技术无关的前端 ajax框架 。因此。能够把ExtJS用在 .Net 、 Java 、 Php 等各种开发语言开发的应用中。 ExtJs最開始基于YUI技术。由开发者JackSlocum开发。通过參考JavaSwing等机制来组织可视化组件，不管从UI界面上CSS样式的应用，到数据解析上的 异常处理 ，都可算是一款不可多得的JavaScript client 技术的精品。 2、Ext的UI组件模型和开发理念脱胎、成型于Yahoo组件库YUI和 Java平台 上Swing两者，并为开发人员屏蔽了大量跨 浏览器 方面的处理。相对来说，EXT要比开发人员直接针对DOM、W3C对象模型开发UI组件轻松。 二、什么是JQuery？ jQuery是一个兼容多浏览器的 javascript 框架，核心理念是write less,do more(写得更少,做得很多其它)。jQuery在2006年1月由美国人 John Resig 在纽约的 barcamp 公布。吸引了来自世界各地的众多JavaScript高手增加，由Dave Methvin率领团队进行开发。现在。 jQuery

jQuery 快速、简洁的 JavaScript 框架，设计宗旨： write Less, Do More 。 作用：简化原生 js 的语法，解决浏览器兼容性问题。 引入 jQuery 可以直接引入在线地址，也可以在 jQuery [官方网站][1]上下载，然后使用 src 属性引入： [1]: https://jquery.com/ 基础语法： $(selector).action() $ ： jQuery 对象 selector ：选择器，用于定位 HTML 元素 action() ：方法，用于对元素进行操作 文档就绪函数 //HTML文档加载完成后，再开始执行该方法里面的函数 $(document).ready(function(){ //代码段 }) jQuery 选择器 jQuery 选择器相比原生 javascript 功能更加强大 元素选择器 $('#id') ： id 选择器，类似 document.getElementById("#id") $('.class') ： class 选择器，类似 document.getElementsByClassName('.class') $('tag') ： tag 选择器，类似 document.getElementsByTagName('tag') $('tag.class') ：父子选择器 属性选择器 $("[attr

本文主要选取了目前比较流行的JavaScript框架Dojo、Google Closure、jQuery、Prototype、Mootools和YUI进行对比，主要是根据网上的资料整理而成，希望可以供大家参考，如有错误欢迎指出：） 主流框架对比 Dojo（重量级框架） Dojo是一个强大的面向对象JavaScript框架。主要由三大模块组成：Core、Dijit、DojoX。Core提供Ajax,events,packaging,CSS-based querying,animations,JSON等相关操作API。Dijit是一个可更换皮肤，基于模板的WEB UI控件库。DojoX包括一些创新/新颖的代码和控件：DateGrid，charts，离线应用，跨浏览器矢量绘图等。 优点： 1. 功能强大，组件丰富（包括图表支持） 2. 面向对象的设计，有统一的命名空间和包管理机制，适用于企业级或是复杂的大型Web应用开发 缺点： 1. 复杂，学习曲线陡 2. html中也需要涉及dojo属性，将来换框架的成本高，例如： <button dojoType="dijit.form.Button" id="helloButton"> 3. 性能问题，dojo加载采用了同步机制，会暂时锁定浏览器 Google Closure（重量级框架） Google Closure

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（ 或JavaScript框架 ）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。 【JQuery语法】 1、JQuery("选择器").action()；通过选择器，调用时间函数 但JQuery中，JQuery中可以用$代替，即$("选择器").action()； ①选择器，可以直接使用css选择器，选中元素 ②.action() 表示对元素执行的操作； 2、文档就绪函数：防止文档在完全加载（就绪）之前，运行JQuery代码 $(document).ready(function(){ //JQuery代码 }); 简写：$(function(){ }); 3、[文档就绪函数&window.onload区别] ① window.onload需在网页所有内容加载完成后执行(包括图片音频) 文档就绪函数，只需要在网页DOm结构加载以后便会执行 ② window.onload，只能写一个，写多个只会执行最后一个； 文档就绪函数，可以写多个，也不会被覆盖 4

1、jQuery File Upload 官网：http://blueimp.github.com/jQuery-File-Upload/ 在线示例：http://blueimp.github.com/jQuery-File-Upload/ 下载地址：https://github.com/blueimp/jQuery-File-Upload 各语言的使用范例（php,Asp.net,Java,等）https://github.com/blueimp/jQuery-File-Upload/wiki 2、Uploadify http://www.uploadify-cn.info/（html5和flash双版本） 官网：http://www.uploadify.com/ 在线示例：http://www.uploadify.com/demos/ 下载地址：http://www.uploadify.com/download/ 文档配置地址：http://www.uploadify.com/documentation/ 3、Plupload 官网：http://www.plupload.com/ 在线示例：http://www.plupload.com/example_queuewidget.php 下地地址：http://www.plupload.com/download.php

jQuery简介 JQuery是继 prototype 之后又一个优秀的 Javascript 库。它是轻量级的js库 ，它兼容 CSS3 ，还兼容各种浏览器（ IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理 HTML （ 标准通用标记语言 下的一个应用）、events、实现动画效果，并且方便地为网站提供 AJAX 交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的 插件 可供选择。jQuery能够使用户的html页面保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需要定义id即可。 jQuery是一个兼容多浏览器的 javascript 库，核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人 John Resig 在纽约的 barcamp 发布，吸引了来自世界各地的众多JavaScript高手加入，由Dave Methvin率领团队进行开发。如今，jQuery已经成为最流行的javascript库，在世界前10000个访问最多的网站中，有超过55%在使用jQuery。 jQuery是免费、开源的，使用

JQuery插件写法的总结 最近Web应用程序中越来越多地用到了JQuery等Web前端技术。这些技术框架有效地改善了用户的操作体验，同时也提高了开发人员构造丰富客户 端UI的效率。JQuery本身提供了丰富的操作，但是，有时候我们需要根据我们自己的业务和系统特色（风格）构造一些我们常用的前端UI组件，而 JQuery的插件给了我们一个较好的方式来构造这些UI组件，方便我们日后反复重用这些组件。 网上也有很多关于JQuery插件的文章，我也搜了一些，但是，这些文档太过离散，没有有效地组织并充分说明JQuey插件该如何编写，并且有哪几种形式，什么情况下使用哪种形式。下面，我将说明JQuery插件常用的写法，以及这些插件的常用场景。 首先，在具体说明编写插件之前，我们先假定一个使用场景：有一个HTML页面（或.aspx页面），页面上放置了一个5行3列的表格，即：<table></table>标记，具体代码如下： <table id="newTable"> <tr> <td>1</td><td>1</td><td>1</td> </tr> <tr> <td>1</td><td>1</td><td>1</td> </tr> <tr> <td>1</td><td>1</td><td>1</td> </tr> <tr> <td>1</td><td>1</td><td>1</td> </tr>

　　稍微学点js然后就用起jQuery，用久了，就好像自己都成高手了，想得少了，都觉得自己就是js高手了。哗啦啦的惭愧啊=。= 　　面试GY的时候，因为在简历上写着大大的会用jQuery快速开发原型页面，然后就被虐惨了=。=。有些东西知其一是没有意思，尤其是技术这门活。~废话不多说，直接看近来几日的复习成果。~可能接触得比较久了，所以学起来比较轻松。 　　jQuery的优点： 轻量级。也就是几十K的样子。压缩前，貌似就是七八十K的样子，如果压缩后，估计也就三四十K了； 强大的选择器。你可能还在犹豫使用CSS中有些选择器的浏览器兼容问题，在jQuery中，只要你想到的CSS选择器就可以使用（目前本人没有发现不可以的）。当然，你还可以自己写个属于自己的选择器； 出色的DOM操作的封装； 可靠的事件处理机制。在预留退路、循序渐进、非侵入式编程思想方面，jQuery做得很不错； 完善的ajax; 不污染顶级变量。其别名$也可以随时交出控制权，绝不会污染其他对象。该特性使jQuery可以与其它js库共存； 出色的浏览器兼容性； 链式操作方式； 隐式迭代。如当用jQuery找到带有".myClass"类的全部元素，然后隐藏它们时，无需循环遍历每一个返回的元素。相反，jQuery里的方法都被设计成自动操作对象的集合，而不是单独的对象，这使得大量的循环结构变得不再必要，从而大幅地减少了代码量；