jQuery UI目前的版本已经更新到了1.8.7。
个人感觉和easyui相比起来，jQuery UI在界面的美观程度和可定制型更强一些。
所以再次将一些jQuery UI组件的用法说明一下，方便日后查阅。
也方面没接触jQuery UI的人能早日使用jQuery UI套件(一)首先来说jQuery UI使用频率较高dialog组件：dialog就是我们常说的弹出层，应用还是比较广泛的，比如：可以使用弹出层做登录、注册和消息提示等功能下面来详细说说dialog的使用方法在官方提供的官方文档和示例中有六种形式的dialog,但是前五种都是大同小异，包括在编写代码方面也仅仅是多设置两个属性而已，没什么太大的不同，先来看看使用jQuery UI组件的时候需要那些前期贮备工作。
首先将需要依赖的js文件导入到你的页面中。
需要依赖的文件如下：jquery-ui-1.8.7.custom.css这个是jQuery UI套件的CSS样式表，demos.css这个是jQuery UIdemo中用到的CSS样式，因为我用到了这些样式所以将它导入进来，如果大家不需要可以不导这个文件，jquery-1.4.4.min.js这个不用说了吧，jQuery的核心文件，没有它一切工作都无法开展。
切记一点：一定要在引入其他的js文件之前引入jquery-1.4.4.min.js文件，别问为什么，懂点jQuery的人都能想的到。
jquery-ui-1.8.7.custom.min.js这个是jQueryUI的核心js文件，也是必须的。
有了上述的引用后就可以在你的页面中使用jQuery UI了。
先看一个超级简单的DEMO：<div id="dialog" title="basic dialog"><p>这是一个采用默认样式的对话框</p></div>在页面中加入上边的一行代码，然后加入一个script标签对，在脚本写如下代码：$(function(){$("#dialog").dialog();});打开你的页面看一下吧，如果没什么意外你会看到一个类似这样的对话框简单吧，这就是一个弹出层，其中div的title被当作了dialog的title,右上角有关闭的xx，右下角则可以拖拽改变大小这就是一个默认的dialog，虽然我们没有为它指定高度和宽度，但是它有默认的值，在我们没有设定情况下dialog默认会弹出在屏幕的中央，大小也是有默认值的，可以改变大小，显示关闭按钮，这都是默认的样式，那么如果我们想自己定制一下dialog，不想让他这样显示该如何做？下面介绍一些属性和方法来改变一下这个dialog，用到的属性如下：autoOpen,modal,buttons，根据这些属性我们来定制一个不会自动打开(当点击按钮或者通过其他的事件来触发弹出dialog的事件)，并且带有遮罩(模式窗体)和按钮的dialogbuttons属性是一个复合属性，使用形式如下：buttons{ok:function(){点击按钮执行的事件},cancel:function(){点击按钮执行的事件}}其中ok是按钮显示的文本，而function是点击按钮后执行的事件。
jquery获取元素文本的方法以jQuery获取元素文本的方法在使用jQuery进行网页开发时，经常需要获取元素的文本内容。
jQuery提供了多种方法来获取元素的文本，下面将介绍几种常用的方法。
方法一：text()方法text()方法是最常用的获取元素文本的方法之一。
它可以用于获取元素的纯文本内容，即去除HTML标签后的文本内容。
语法：$(selector).text()示例：HTML代码：<p>这是一个段落。
</p>jQuery代码：var text = $("p").text();console.log(text);输出结果：这是一个段落。
方法二：html()方法html()方法也可以用于获取元素的文本内容。
与text()方法不同的是，html()方法会返回元素的HTML内容，包括HTML标签和文本内容。
语法：$(selector).html()示例：HTML代码：<p>这是一个<strong>加粗的</strong>段落。
</p>jQuery代码：var html = $("p").html();console.log(html);输出结果：这是一个<strong>加粗的</strong>段落。
方法三：val()方法val()方法主要用于获取表单元素的值，但也可以获取其他元素的文本内容。
val()方法适用于input、textarea和select等表单元素。
语法：$(selector).val()示例：HTML代码：<input type="text" value="这是一个输入框。
">jQuery代码：var value = $("input").val();console.log(value);输出结果：这是一个输入框。
jquery中$.ajax（）⽅法使⽤详解1.url说明：发送请求的地址（默认为当前页⾯），要求是String类型的参数，⽐如是.net下，"~wexin(控制器)/getweinxinmenu(动作)"，2.type说明：请求⽅法(post或者get)，默认是get，要求是String类型的参数。
其他的htpp请求如（put、delete）等也⽀持，但是要浏览器⽀持3.timeout说明：设置请求超时时间（毫秒），要求是number类型的参数。
此设置将覆盖$.ajaxSetup()⽅法的全局设置。
4.async说明：默认值为true，所有请求是异步，要求是Bool类型的参数，如果需要发送同步请求，将此项设置为false。
注意：同步时浏览器会被锁住。
5.cache说明：默认为true(当datatype为script时，默认为false)从浏览器缓存中加载请求信息，要求是Bool类型的参数。
6.data说明：发送到服务器的数据，要求是Object或string类型的参数。
如果已经不是字符串，将⾃动转换为字符串格式。
get请求中将附加在url 后。
防⽌这种⾃动转换，可以查看 processData选项。
对象必须为key/value格式，例如{foo1:"bar1",foo2:"bar2"}转换为&foo1=bar1&foo2=bar2。
如果是数组，JQuery将⾃动为不同值对应同⼀个名称。
例如{foo:["bar1","bar2"]}转换为&foo=bar1&foo=bar2。
7.dataType:说明：预期服务器返回的数据类型，要求为String类型的参数。
如果不指定，JQuery将⾃动根据http包mime信息返回responseXML或responseText，并作为回调函数参数传递。
使⽤jquery的ligerui实现弹出窗（⽗⼦页⾯相互传值）⽗页⾯调⽤⼦页⾯，请求后台后打开⼀个新页⾯作为⼦窗⼝//点击事件选择约束关系弹窗（⽗窗⼝）function constraint(treeId){var url=__ctx +'/code/base/baseConstraintTree/constraintList.ht?treeId='+treeId; //跳转⼊⼀个新的页⾯url=url.getNewUrl();$.ligerDialog.open({height:500,width: 700,title : '选择约束关系',url: url,isResize: true,//⾃定义参数sucCall:function(rtn){alert(rtn); //⼦窗⼝返回的数据$("#myYsgx").val(rtn);}});}⼦窗⼝<%@page language="java" pageEncoding="UTF-8"%><%@include file="/commons/include/html_doctype.html"%><html><head><title></title><%@include file="/commons/include/form.jsp" %><script type="text/javascript" src="${ctx}/js/util/SelectOption.js"></script><script type="text/javascript">var dialog = frameElement.dialog; //调⽤页⾯的dialog对象(ligerui对象)function hqsj(jdmc){$.ligerDialog.success("成功!",'提⽰信息',function(){dialog.close(); //关闭窗⼝dialog.get("sucCall")(jdmc); //向⽗页⾯返回数据});}</script></head>。
