对话框（dialog），是jQuery UI 非常重要的一个功能。它彻底的代替了JavaScript 的alert()、prompt()等方法，也避免了新窗口或页面的繁杂冗余。 一．开启多个dialog只要设置不同的id 即可实现。$('#x').dialog(); $('#y').dialog(); 二．修改dialog 样式在弹出的dialog 对话框中，在火狐浏览器中打开Firebug 或者右击->查看 元素。可以看看dialog 的样式，对dialog 的标题背景进行修改。//无须修改ui 里的CSS，直接用style.css 替...
另外最近时间允许的情况下会移植到html5，暂定名称为H5sukudo主要目的也是练手。body的代码如下，页面主体使用main层来控制尺寸，main中包含两个层:canvas和tools，分别用来承载数独表格和辅助信息。tools层中嵌套了logo,level,lefts,timer,leftsg,btns,err共七个层，分别用来承载LOGO、游戏难度、剩余空格数、已用时间、剩余空格数明细、按钮和错误提示信息。tools层中的样式写在default.css样式文件中。canvas层、level层、lefts...
废话少说，直接进入正题，我们先来看一些简单的方法，这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法，当然，如果要处理复杂的逻辑，还是需要用到jQuery.ajax()的(这个后面会说到). 1. load( url, [data], [callback] ) ：载入远程 HTML 文件代码并插入至 DOM 中。 url (String) : 请求的HTML页的URL地址。 data (Map) : (可选参数) 发送至服务器的 key/value 数据。 callback (Callback) : (可选参数) 请求完成时(不需...
等到问题解决了，也大致明白怎么个意思了，归根结底还是对jquery对相关json对象获取的理解有所偏差。 这里考虑都考虑的是服务器返回的是JSON形式的字符串的形式，对于利用JSONObject等插件封装的JSON对象，与此亦是大同小异，这里不再做说明。 这里首先给出JSON字符串集，字符串集如下： 代码如下: 代码如下: var data=" { root: [ {name:1,value:0}, {name:6101,value:西安市}, {name:6102,value:铜川市}, {name:6103,value:宝鸡市...
废话少说，直接进入正题，我们先来看一些简单的方法，这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法，当然，如果要处理复杂的逻辑，还是需要用到jQuery.ajax()的(这个后面会说到). 1. load( url, [data], [callback] ) ：载入远程 HTML 文件代码并插入至 DOM 中。 url (String) : 请求的HTML页的URL地址。 data (Map) : (可选参数) 发送至服务器的 key/value 数据。 callback (Callback) : (可选参数) 请求完成时(不需...
jq里面有一个data的方法,给dom元素绑定相关的数据的。当给dom用jq的方法绑定了事件,会生成对应的时间列表 可以看下面的例子(请在firefox中查看 因为firefox中对象支持toSource()) 代码如下: window.onload = function(){ alert($.data($('#test')[0],'events'));//null alert($.data($('#test')[0],'handle'));//null $('#test') .bind('click',function(){ alert(1) }) .bind('mouseover',function(){ alert(2) }) .bin...
用法 代码如下: $.parser.parse(); // 解析整个页面 $.parser.parse(#cc); // 解析某个具体节点 特性<?XML:NAMESPACE PREFIX = O />名称类型说明默认值$.parser.autoboolean定义是否自动解析easyui组件。true 事件名称参数说明$.parser.onCompletecontext当解析器完成解析动作的时候触发。 方法名称参数说明$.parser.parsecontext解析easyui组件。
jQuery插件的开发包括两种：一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数，另一种是对象级别的插件开发，即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。 1、类级别的插件开发 类级别的插件开发最直接的理解就是给jQuery类添加类方法，可以理解为添加静态方法。典型的例子就是$.AJAX()这个函数，将函数定义于jQuery的命名空间中...
jquery中封装了一些ajax请求的方法，很实用。 比如.ajaxComplete()——请求完成时.ajaxError()——请求失败时.ajaxSend()——在Ajax请求发送时附加一个function去执行.ajaxStart()——请求开始时，.ajaxStop()——请求结束时.ajaxSuccess()——请求成功时.load()——从服务端加载数据并将返回的HTML替换到选择的元素中jQuery.post()——使用HTTP POST请求加载服务端数据.serialize()——将form元素集编码成一个字符串以便提交.seri...
1：默认情况下，日期输入文本框获得页面焦点的时候，日期选择器组件会在一个覆盖层中打开日历选择面板，当日期输入文本框失去焦点或者选择一个日期的时候，将自动关闭该日历选择面板$(selector).datepicker([options]);简单实例： 代码如下:DatePicker Local$(document).ready(function(){ $("#inputDate").datepicker({ /* 区域化周名为中文 */ dayNamesMin : ["日", "一", "二", "三", "四", "五", "六"], /* 每周从周一开始...
按钮组件： $(selector).button([options]); 代码如下:ButtonIcon$(document).ready(function(){ $("input,button").button({ icons: { primary: "ui-icon-locked" // secondary: "ui-icon-triangle-1-s" } }); $("a,div").button({ icons: { secondary: "ui-icon-triangle-1-s" } });});body{ padding:30px; font-size:9px; }Button 2Check 1Radio1AnchorDIV效果图： JavaScript教...
简单实例 代码如下:AutocompleteOption$(document).ready(function(){ /* 初始化数据源 */ var keys = ["jsp", "javascript", "jquery", "asp", "asp.net", "php",];$('#searchBox').autocomplete({ source : keys, minLength : 2 });});body{ padding:30px; }效果图：在上述代码中，在页面初始化的时候将页面上的输入框包装成jQuery对象，然后使用autocomplete()方法将其包装成自动完成组件，同时初始化其最小响应长度选项和...
1：折叠面板可以将不同分类的内容分别放在不同的面板中，这些面板在页面中层叠摆放，用户可以通过单击各个面板的标题来展开该面板，查看面板的内容，与此同时，将自动折叠隐藏其他面板$(selector).accordion(options);options可以选择的属性为：disabled, active, animated, autoHeight, clearStyle, collapsible, event, fillSpace, header, icons, navigation, navigationFilter简单实例： 代码如下: Accordion AutoHeight ...
1：选择(Selectable)组件可以让用户页面上的一些元素变成可选择的，用户可以通过单击元素或者拖动的方式来选择它们，也可以按住Ctrl键来选择不连续的元素$(.selector).selectable(options);但是在jQuery UI库中的主题包中并未提供ui-selecting和ui-selected类的样式，因此在使用选择组件时，还需要自己来创建这些样式 代码如下:selectable组件h1 { color:#006; font-size:24px; font-weight:bold; margin-bottom:0px;}#feedback { ...
1：尺寸调整组件(Resizable)组件可以使选定的DOM元素变成可调整尺寸的对象，即可以通过拖动调整手柄来改变其尺寸大小。$(".selector").resizeable(options);简单实例： 代码如下:resizable组件body { font-size:14px;}#wrap { clear:both; margin: 10px auto 10px auto; width: 287px; height:164px; border: 1px solid #BFBFBF; background-color: #fff; background-image: url(images/40.JPG);}h1 { color:#006; font-size:24px;...