jquery文档

1、window.location.reload()刷新当前页面 2、parent.location.reload()刷新父亲对象（用于框架） 3、opener.location.reload()刷新父窗口对象（用于单开窗口） 4、top.location.reload()刷新最顶端对象（用于多开窗口） jQuery能做什么 1.取得文档中的元素。 jQuery为准确地获取需要检查或操纵的文档元素，提供了可靠而有效率的选择符机制。 2.修改页面的外观。 在页面已经呈现之后，jQuery任然能够改变文档中某个部分的类或者个别的样式属性。 3.改变文档的内容。 jQuery能够影响的范围并不局限于简单的外观变化，使用少量的代码，jQuery就能改变文档的内容。 4.响应用户的交互式操作。 jQuery提供了截获形形色色的页面事件（比如用户单击某个链接）的适当方式，而不需要使用事件处理程序拆散HTML代码。 5.为页面添加动态效果。 jQuery中内置的一批淡出、擦除之类的效果，以及制作新效果的工具包，为此提供了便利。 6.无需刷新页面从服务器获取信息。 这种编程模式就是众人皆知的Ajax(asynchronous javascript and XML 异步javascript 和 XML)，jQuery消除了这一过程中的浏览器特定的复杂性。 7.简化常见的javascript任务。

Jquery 一、Jquery简介 ​ jQuery是一个轻量级的、兼容多浏览器的JavaScript库。能使用户能够更方便地处理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对象 五、JQuery创建对象 六、JQuery的基础语法 6.1 基本元素选择器 6.2 基本元素筛选器 七、属性选择器 八、筛选器方法 8.1 查找(find) 8.2 筛选(filter) 九、表单元素选择器 十、表单对象属性 十一、操作标签 11.1 样式操作(CSS) 11.2 位置操作 11.3 尺寸操作 11.4 文本操作 11.5 属性操作 11.6 porp和attr的区别 11.7 文档处理 十二、事件 12.1 常用事件 12.2 事件绑定 12.3 移出事件 12.4 阻止后续事件执行 12.5 组织事件冒泡 12.6 页面加载 12.7 JQ页面加载DOM页面加载的区别 12.8 事件委托 十三、动画效果 十四、each 一、JQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ 二、JQuery的优势 一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。 丰富的DOM选择器

目录 一、JQuery介绍 二、JQuery的优势 三、JQuery 内容 四、JQuery对象 五、JQuery创建对象 六、JQuery的基础语法 6.1 基本元素选择器 6.2 基本元素筛选器 七、属性选择器 八、筛选器方法 8.1 查找(find) 8.2 筛选(filter) 九、表单元素选择器 十、表单对象属性 十一、操作标签 11.1 样式操作(CSS) 11.2 位置操作 11.3 尺寸操作 11.4 文本操作 11.5 属性操作 11.6 porp和attr的区别 11.7 文档处理 十二、事件 12.1 常用事件 12.2 事件绑定 12.3 移出事件 12.4 阻止后续事件执行 12.5 组织事件冒泡 12.6 页面加载 12.7 JQ页面加载DOM页面加载的区别 12.8 事件委托 十三、动画效果 十四、each 一、JQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ 二、JQuery的优势 一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。 丰富的DOM选择器

目录 jQuery jQuery对象 jQuery基础语法 查找标签 基本选择器 层级选择器 基本筛选器 属性选择器 表单筛选器 筛选器方法 操作标签 样式操作 位置操作 文本操作 事件 常用事件 事件绑定 移除事件 阻止后续事件执行 阻止事件冒泡 事件委托 实时监听input输入值变化示例： 动画效果 jQuery jQuery对象 jQuery对象 就是通过jQuery包装DOM对象后产生的对象。 jQuery对象 是jQuery独有的。如果一个对象是 jQuery对象 ，那么它就可以使用 jQuery 里的方法：例如$(“#i1”).html()。 $("#i1").html() 的意思是：获取id值为 i1 的元素的html代码。其中是jQuery里的方法。 html() 相当于： document.getElementById("i1").innerHTML; 一个约定，我们在声明一个jQuery对象变量的时候在变量名前面加上$： var $variable = jQuery对像 var variable = DOM对象 $variable[0] // jQuery对象转成DOM对象 拿上面那个例子举例，jQuery对象和DOM对象的使用： $("#i1").html(); // jQuery对象可以使用jQuery的方法 $("#i1")[0].innerHTML; /

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

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基础语法 3.1 查找标签 基本选择器 层级选择器： 基本筛选器 属性选择器： 筛选器方法 3.2 操作标签 样式操作 位置操作 盒子模型尺寸 文本操作 属性操作 文档处理 3.3 事件 常用事件 事件绑定 移除事件 阻止后续事件执行 阻止事件冒泡 页面载入与window.onload的区别 事件委托 动画效果 补充 each data存储数据 前端之jQuery 一、jQuery介绍 Query是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ 二、jQuery对象 jQuery对象 就是通过jQuery包装DOM对象后产生的对象。 jQuery对象 是 jQuery独有的。如果一个对象是 jQuery对象 ，那么它就可以使用 jQuery 里的方法：例如$(“#i1”).html()。 $("#i1").html() 的意思是：获取id值为 i1 的元素的html代码。其中 html() 是jQuery里的方法。 相当于： document.getElementById("i1"

给Jquery添加alert,prompt方法，类似系统的Alert，Prompt，可以响应键盘，支持拖动 博客分类： Javascript CSS jQuery插件系列 重置Alert 模拟Alert Jquery Alert 插件开发 Jquery插件开发 我们在调用系统的Alert，prompt的弹出提示时，不同的系统会有不同的提示框，视觉效果不统一，而且不好看，功能单一，现在我们通过Jquery模拟Alert，prompt，现实统一视觉效果，而且内容丰富的弹出提示。 Jquery可以扩展自己的功能，如果对Jquery开发插件不熟悉的人可以到官方网去看看文档，比较简单易懂。 Js代码 /* * 本插件基于JQUERY * Jquery版本: 1.7.2 * Date:2012-06-28 * Author:Kingwell * E-mail:jinhua.leng##gmail.com * * ---------- 接口说明： ---------- * * --本插件采用kw命名空间，给Jquery添加静态方法，故调用方法为 $.kw.方法名 参数如下： * --调用方法： * --alert $.kw.alert(content,title,callBack) * --prompt $.kw.prompt(title,content,callBack) * * * --

jQuery确实是一个挺好的轻量级的JS框架，能帮助我们快速的开发JS应用，并在一定程度上改变了我们写JavaScript代码的习惯。 废话少说，直接进入正题，我们先来看一些简单的方法，这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法，当然，如果要处理复杂的逻辑，还是需要用到jQuery.ajax()的(这个后面会说到). 1. load ( url, [data], [callback] ) ：载入远程 HTML 文件代码并插入至 DOM 中。 url (String) : 请求的HTML页的URL地址。 data (Map) : (可选参数) 发送至服务器的 key/value 数据。 callback (Callback) : (可选参数) 请求完成时( 不需要是success的 )的回调函数。 这个方法默认使用 GET 方式来传递的，如果[data]参数有传递数据进去，就会自动转换为POST方式的。jQuery 1.2 中，可以指定选择符，来筛选载入的 HTML 文档，DOM 中将仅插入筛选出的 HTML 代码。语法形如 "url #some > selector"。 这个方法可以很方便的动态加载一些HTML文件，例如表单。 示例代码： $(" .ajax.load ").load(" http://www.cnblogs.com/QLeelulu