jquery文档

jQuery简介 jQuery是一个优秀的JavaScript代码库。倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式， 优化HTML文档操作、事件处理与交互。 jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口； 具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。 1.什么是jQuery。 a.jQuery其实是封装了很多方法的js库。 b. 我们学习jQuery就是学习这些方法如何使用。 2.为什么要使用jquery. a.原生js的入口函数只能有一个如果写多个后面的入口函数将会把前面的给覆盖。 - -jQuery可以写多个入口函数且不覆盖。 b.原生js的api名称都太长太难记。 --jQuery的api名称容易记忆。 c.原生js中的属性和方法，浏览器兼容问题。 --jQuery刚好解决了这个问题。 d.原生js如果前面的代码出现了报错后面的代码就不能执行。 --jQuery就算前面的代码出现报错后面的代码正常运行。 3.如何使用jquery。 a.首先引入jQuery文件。 b.写一个入口函数(防止页面标签没加载出来jQuery代码就执行)。 c.找到你要操作的元素(jquery选择器)，去操作它(添加属性，设置样式等)。 4

jQuery DOM 操作 jQuery 中非常重要的部分，就是操作 DOM 的能力。 jQuery 提供一系列与 DOM 相关的方法，这使访问和操作元素和属性变得很容易。 提示：DOM = Document Object Model（文档对象模型） DOM 定义访问 HTML 和 XML 文档的标准： “W3C 文档对象模型独立于平台和语言的界面，允许程序和脚本动态访问和更新文档的内容、结构以及样式。” 获得内容 - text()、html() 以及 val() 三个简单实用的用于 DOM 操作的 jQuery 方法： text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容（包括 HTML 标记） val() - 设置或返回表单字段的值 下面的例子演示如何通过 jQuery text() 和 html() 方法来获得内容： 实例 $("#btn1").click(function(){ alert("Text: " + $("#test").text()); }); $("#btn2").click(function(){ alert("HTML: " + $("#test").html()); }); 下面的例子演示如何通过 jQuery val() 方法获得输入字段的值： 实例 $("#btn1").click(function(){

jqGrid 3.6.2 中文文档——BasicGrid（3） 上一篇： 4、jqGrid 3.6.2 中文文档——BasicGrid（2） 下一篇： 6、jqGrid 3.6.2 中文文档——BasicGrid（4） Events（事件） 事件响应动作被设置为表格的属性，以下定义了行被选中时的响应： var lastSel; jQuery("#gridid").jqGrid({ ... onSelectRow: function(id){ if(id && id!==lastSel){ jQuery('#gridid').restoreRow(lastSel); lastSel=id; } jQuery('#gridid').editRow(id, true); }, ... }); 以下按字母顺序列出了可响应的时间： 事件 参数 描述 afterInsertRow Rowed Rowdata Rowelem 此事件发生在每次插入行后 rowid 为插入的行ID rowdata 是被插入行的数据数组。格式为name:value对，name在colModel定义 rowelem 是应答元素。xml为xml行，json为所有行数据。 注意：若gridview 为true，此事件不会发生 beforeRequest none 此事件发生在任何数据请求前

# JQuery 基础： 1. 概念： 一个JavaScript框架。简化JS开发 * jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨 是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优 化HTML文档操作、事件处理、动画设计和Ajax交互。 * JavaScript框架：本质上就是一些js文件，封装了js的原生代码而已 2. 快速入门 1. 步骤： 1. 下载JQuery * 目前jQuery有三个大版本： 1.x：兼容ie678,使用最为广泛的，官方只做BUG维护， 功能不再新增。因此一般项目来说，使用1.x版本就可以了， 最终版本：1.12.4 (2016年5月20日) 2.x：不兼容ie678，很少有人使用，官方只做BUG维护， 功能不再新增。如果不考虑兼容低版本的浏览器可以使用2.x， 最终版本：2.2.4 (2016年5月20日) 3.x：不兼容ie678，只支持最新的浏览器。除非特殊要求， 一般不会使用3.x版本的，很多老的jQuery插件不支持这个版本。 目前该版本是官方主要更新维护的版本。最新版本：3.2.1

通过 jQuery，您可以选取（查询，query） HTML 元素，并对它们执行“操作”（actions）。 jQuery 语法实例 $(this).hide() 演示 jQuery hide() 函数，隐藏当前的 HTML 元素。 $("#test").hide() 演示 jQuery hide() 函数，隐藏 id=“test” 的元素。 $(“p”).hide() 演示 jQuery hide() 函数，隐藏所有 元素。 $(".test").hide() 演示 jQuery hide() 函数，隐藏所有 class=“test” 的元素。 jQuery 语法 jQuery 语法是为 HTML 元素的选取编制的，可以对元素执行某些操作。 基础语法是： $(selector).action() 美元符号定义 jQuery 选择符（selector）“查询”和“查找” HTML 元素 jQuery 的 action() 执行对元素的操作 示例 $(this).hide() - 隐藏当前元素 $(“p”).hide() - 隐藏所有段落 $(".test").hide() - 隐藏所有 class=“test” 的所有元素 $("#test").hide() - 隐藏所有 id=“test” 的元素 提示：jQuery 使用的语法是 XPath 与 CSS 选择器语法的组合

转载： https://www.cnblogs.com/panie2015/p/6170788.html 1.zDialog.js 各种弹窗插件 详细案例： http://www.2ky.cn/Pri_upfile/txdemo/0811/zDialog/zDialogDemo.html 2.基于Bootstrap Ace模板的菜单和Tab页效果，ace.min.js，ace-element.min.js 一款漂亮的后台模板(html/js)可直接部署于项目中 详细介绍： http://www.tuicool.com/articles/aiiQFjb 3.jquery.flot.js Jquery的图表插件float Flot是一个Jquery下图表插件，具有简单使用，交互效果，具有吸引力外观特点。目前支持 Internet Explorer 6+, Chrome, Firefox 2+, Safari 3+ and Opera 9.5+ 等浏览器，是一个基于Javascript和Jquery纯客端户的脚本库 4.jquery.easypiechart.js 主要是用来统计新的访问、跳出率、服务器负载、使用的RAM等，功能很强大，带有HTML5的动画效果，效果非常炫。 5. jquery画小图插件-jquery.sparkline.js 基本的线图，柱图，饼图等等 官网链接：

使用jQuery v1.10.2获取checkbox的状态时，用.attr("checked")时输出总是为undefined.郁闷了，这难道是个bug?! 查看jQuery API的文档，发现： As of jQuery 1.6 , the .attr() method returns undefined for attributes that have not been set. In addition, .attr() should not be used on plain objects, arrays, the window, or the document. To retrieve and change DOM properties, use the .prop() method. The difference between attributes and properties can be important in specific situations. Before jQuery 1.6 , the .attr() method sometimes took property values into account when retrieving some attributes, which could cause inconsistent behavior.

1、未见过的事件： focusin跟focus事件区别在于，他可以在父元素上检测子元素获取焦点的情况。 focusout跟blur事件区别在于，他可以在父元素上检测子元素失去焦点的情况。 2、使用wrapAll方法 举例如下 原始代码： <div class="mm"><p>我们在公司</p></div> <div class="mv"> <p>我们在公司</p> <p>我们在公司</p> <p>我们在公司</p> </div> jquery操作：$("p").wrapAll('<div class="test"></div>'); 输出代码： <div class="mm"> <div class="test"><p>我们在公司</p> <p>我们在公司</p> <p>我们在公司</p> <p>我们在公司</p> </div> </div> <div class="mv"> </div> 总结： //该方法会将所有的的p标签移动到一个第一个p标签出现的位置，并将其appendTo到<div class="test"></div>中 3、对于detach方法的使用： 描述：remove()方法会移除所有的事件处理程序以及可能绑定到被移除元素上的其他数据。detach()方法和remove()雷士，但是不会移除事件处理程序和数据。想临时从文档中移除元素以便后续再次插入时

转： http://blog.sina.com.cn/s/blog_677b66170100m1ke.html 一、 内部插入 1、 append(content) 向每个匹配的元素内部追加内容。这个操作与对指定的元素执行appendChild方法，将它们添加到文档中的情况类似。 返回值 jQuery 参数 content (String, Element, jQuery) : 要追加到目标中的内容 示例： // 向所有段落中追加一些HTML标记 $( " p " ).append( " <b>Hello,world.</b> " ); 2、 appendTo(content) 把所有匹配的元素追加到另一个、指定的元素元素集合中。 实际上，使用这个方法是 颠倒 了常规的$(A).append(B)的操作，即不是把B追加到A中，而是把A追加到B中。 返回值 jQuery 参数 content (String) :用于被追加的内容 示例： // 把所有段落追加到ID值为foo的元素中 $( " p " ).appendTo( " #foo " ); 3、 prepend(content) 向每个匹配的元素内部前置内容。这是向所有匹配元素内部的开始处插入内容的最佳方式。。 返回值 jQuery 参数 content (String, Element, jQuery) :

无意中拿到的JQuery题目，拿来分享顺便总结总结 在JQuery对象中区分.text();.val();.html();.innerHTML;.innerTEXT()的用法与区别，用例子证明 在JQuery选择器中空格与大于号的区别 在一个表单中，查找所有选中的input元素,JQ的写法 指定的为某个div内部动态添加一个div的写法，外部添加一个div的写法(包括在该节点的前面以及后面) JQuery对象与dom对象的区别，以及两者互相转换的方法 如何动态的为某个div添加class属性，如何移除class属性，以及如何获取div中某个属性的值，比如说Id的名称或者其他属性的值 JQuery里面的动画函数一般用什么？时间设置函数都有哪些,setTimeout()与setInterval()有何区别 写一个ajax例子出来，要标清楚各个参数的含义。以及ajax数据传输的时候有几种数据格式 要做出一个demo具体功能如下：页面中有一个按钮，点击按钮后弹出一个遮罩层，在遮罩层上面有一个div,在点击按钮后5秒后div内部出现内容。 在div下面有一个隐藏按钮，点击后，遮罩层消失，div缓慢消失。回到页面打开状态 　　 友情提示：遮罩要用到层级z-index,以及透明效果，5秒要用到时间函数，缓慢消失要用到动画效果，自己查询API文档。 第一题 题目：在JQuery对象中区分.text