本文实例讲述了jQuery插件及其用法。分享给大家供大家参考，具体如下： （1）异步分页插件flexgrid 1）前台js <%@ page language="Java" contentType="text/html; charset=utf-8"pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Insert title here</...
在网页上经常遇到需要等待很久的操作，比如导出报表等。为了预防用户点击其他操作或者多次点击同个功能，需要用遮罩层把页面或者操作区盖住，防止用户进行下一步操作，同时可以提高界面友好度，让用户知道操作正在执行。 $.fn.extend({ /** * 给元素添加遮罩层 * @param message {String} [可选]遮罩层显示内容 */ mask: function (message) { var $target = this, fixed = false, targetStatic = true; if (Object.prototype.toSt...
wrap()函数用于在每个匹配元素外部包裹指定的HTML结构。 与该函数相对的是unwrap()函数，用于当前匹配元素的父元素(只移除父元素，其内部节点全部保留)。 该函数属于jQuery对象(实例)。 语法 jQueryObject.wrap( wrapper )参数 wrapper String/Element/jQuery/Function类型用于包裹匹配元素的节点。 如果参数wrapper为字符串，则将其视作jQuery选择器或html字符串，jQuery会自行判断。 jQuery 1.4 新增支持：参数wrapper可以为函数...
一.Button 组件及 jQuery Mobile 如何丰富组件样式 在 jQuery Mobile 里，可以通过给任意链接添加 data-role=“button” 来产生一个 button 组件，jQuery Mobile 会追加一定的样式到链接，值得注意的是，jQuery Mobile 在给组件元素追加样式时不一定只在原有的元素上添加 CSS 和 Javascript 响应，一般还会追加一些新的元素使到组件的样式更接近于原生的 App 组件样式。下面给出一个例子： 这是一个添加了 data-role=“button” 属...
其实选择器就像开罐器一样，会用这个工具的人，自然吃的到甜头，但不会用这个工具的人，不管罐头里面的面筋土豆有多美味，吃不到就是吃不到，就如同jquery再怎么强大，也只能看着荧幕，而不知该如何下手，不过虽然选择器不难，也容易上手，但老实说，我用了一年多下来，还是觉得自己只有用皮毛而已，所以希望藉着这一系列的笔记，让自己能更长进一些 DOM怎么吃 DOM可以说是JavaScript与网页之间的联系管道，他提供了一个模型，让Ja...
一、jQuery插件的类型 1. jQuery方法 很大一部分的jQuery插件都是这种类型，由于此类插件是将对象方法封装起来，在jQuery选择器获取jQuery对象过程中进行操作，从而发挥jQuery强大的选择器优势。 2. 全局函数法 可以把自定义的功能函数独立附加到jQuery命名空间下，从而作为jQuery作用域下的一个公共函数使用。 但全局函数没有被绑定到jQuery对象上，故不能在选择器获取的jQuery对象上调用。需要通过jQuery.fn()或$.fn()方式进行引...
一.表单组件基础 1.组件简介 jQuery Mobile 中的表单组件是基于标准 HTML ，然后在此基础上增强样式，因此即使浏览器不支持 jQuery Mobile 表单仍可正常使用。需要注意的是， jQuery Mobile 会把表单元素增强为触摸设备很容易使用的形式，因此对于 iphone/ipad 与 Android 使用 Web 表单将会变得非常方便。 jQuery Mobile 的表单组件有以下几种： （1）文本输入框， type="text" 标记的 input 元素会自动增强为 jQuery Mobile 样式...
一.jQuery Mobile 的渐进增强设计与浏览器支持 根据维基百科（ Wikipedia ） 的解释，渐进增强的设计主要包括以下几点 basic content should be accessible to all web browsers （所有浏览器都应能访问全部基础的内容）basic functionality should be accessible to all web browsers （所有浏览器都应能访问全部基础的功能）sparse, semantic markup contains all content （所有的内容应该在少量语义标签内）enhanced layout is...
$.ajax快捷方法 $.get(url,[data],[callback],[type]) $.post(url,[data],[callback],[type])两种方法请求方式不同，其他方式相同. 参数：url[请求地址]，data[请求的数据内容(obj对象)]，callback[回调函数(只能处理请求成功事件)]， type[请求返回数据的编码格式(默认ContentType指定格式)] $.get(/test?x=1); $.get(/test,{z:2}); $.post(/test,{y:2}); $.get(/user,function(data,callbacktype,jqXHR){data//返回数据callbackt...
本文实例讲述了jQuery选择器用法。分享给大家供大家参考，具体如下： 什么是jQuery选择器 使用JavaScript操作页面上得DOM元素时，首先要获取DOM元素。但是原始的javascript只元件根据ID或者TagName获取DOM对象。 在jQuery中则完全不同，jQuery提供了异常强大的选择器用以帮助我们获取页面上的对象，并且将对象以jquery对象的形式返回。 首先来看看什么是选择器。 //根据id获取jQuery对象 var jQueryObject=$("#testDiv");上例中使用...
如果当前jQuery对象匹配多个元素：获取队列时，只获取第一个匹配元素上的队列；设置队列(替换队列、追加函数)时，则为每个匹配元素都分别进行设置。 该函数属于jQuery对象(实例)。如果需要移除并执行队列中的第一个函数，请使用dequeue()函数。你也可以使用clearQueue()函数清空指定的队列。 语法 jQuery 1.2 新增该函数。queue()函数具有如下两种用法： 用法一：jQueryObject.queue( [ queueName ] [, newQueue ] ) 如果没有指定任...
jQuery 的插件 dataTables 是一个优秀的表格插件，提供了针对表格的排序、浏览器分页、服务器分页、筛选、格式化等功能。 如何把数据库中的数据以表格的形式展示到前端，实现有很多方法，最近用jquery的datatables插件来实现了发现还是比较简单的，今天我们来看一个例子，来说明这个插件的使用，基本原理是view函数从数据库中读出数据，jquery通过ajax获取数据并在前端展示出来，我们先定义一个models.py,如下： from django.dbimp...
一．简单选择器 在使用jQuery 选择器时，必须使用“$()”函数来包装CSS 规则。而CSS 规则作为参数传递到jQuery 对象内部后，再返回包含页面中对应元素的jQuery 对象。随后，就可以对这个获取到的DOM 节点进行行为操作了。 #box {//使用ID 选择器的CSS 规则 color:red;//将ID 为box 的元素字体颜色变红 } 在jQuery 选择器里，我们使用如下的方式获取同样的结果： $(#box).css(color, red);//获取DOM 节点对象，并添加行为 那么除了...
jPlayer简介： 想在网页上播放背景音乐，不想用html标签的方式，因为那样只有音乐全部下载完以后才能播放，还容易出现跨浏览器兼容性的问题，于是选了一款基于jQuery的播放器jPlayer来做。 设置jPlayer的尺寸大小 使用构造函数配置jPlayer({size:Object})设置jPlayer的高宽。 使用构造函数配置jPlayer({sizeFull:Object})设置全屏尺寸。 注意可通过构造函数配置jPlayer({backgroundColor:"#RRGGBB"})设置jPlayer背景颜色。 Flash 安...
jQuery EasyUI Layout是一种基于jQuery的布局框架，今天初次使用Jquery EasyUi，简单的做了个布局页面感觉还不错，给大家分享一下，就是不知道Jquery EasyUi浏览器兼容性怎么样。最后效果图如下：使用Jquery EasyUi开发之前首先要引用Jquery EasyUi的Js和Css文件，引用如下： <script src="../jquery.min.js" type="text/javascript"></script> <script src="../jquery.easyui.min.js" type="text/javascript"></script> <link hre...