曹海成的专栏

jQuery整理笔记一----jQuery开始

Droppable(放置)组件也是一个基本组件，用法较简单，语法都在例子里面注释了：示例：jQuery Easy UI$(function () { $.fn.droppable.defaults.disabled = true;//重写默认值为true $('#dd').droppable({ accept : '#box,#ipt',//设置哪

ProgressBar（进度条）组件，这个还是挺好玩的，我们在自己做点什么的时候经常能用到，比如上传下载文件、导入导出文档啊、载入网页等等。应用场景很多，使用起来还很简单。示例：jQuery Easy UI $(function () { //$.fn.progressbar.defaults.value = 30; //想要修改进度条的颜色去cs

LinkButton(按钮)组件，easyui基础组件之一示例：jQuery Easy UI $(function () { //$.fn.linkbutton.defaults.iconCls = 'icon-add'; $('#btn1').linkbutton({ //id : 'btn2', //没搞明白干嘛用的,跟节点ID设置不一样值

Resizable(调整大小)组件，easyui基础组件之一，调整大小就是可以对元素可以拖着调整大小，这个组件不依赖于其他组件，使用比较简单，相关的属性、事件都在例子中介绍了。示例：jQuery Easy UI$(function () { $.fn.resizable.defaults.disabled = true; $('#rr').resiza

我们都知道DOM节点的title属性，Tooptip组件就是比较强大的title，它可以自由的设置自己的样式、位置以及有自己相关的触发事件。示例：jQuery Easy UI $(function () { $.fn.tooltip.defaults.position = 'top'; //重写属性的默认值 $('#box').tooltip({ /

panel(面板)组件,跟前面的组件用法几乎都差不多，也是从设置一些面板属性、操作面板触发的事件、我们可针对面板对象的操作方法这三个点去学习。后面有一些组件要依赖于这个组件。还有一点跟前面不同的就是面板内容可以请求远程数据。示例：jQuery Easy UI$(function () { //属性列表 $('#box').panel({ id : 'b

Accordion 可伸缩面板组件，基于panel,示例如下： Document $(function(){ $('#ac').accordion({ //面板属性 animate:true, //定义展开和折叠的时候是否显示动画效果 width:600, //面板宽度 height:200, //面板

jQuery Easy UI整理笔记目录yi

一、初步认识1、什么是jQuery Easy UI jQuery Easy UI是一组基于jQuery的UI插件集合，而jQuery Easy UI 的目标就是帮助Web 开发者更轻松的打造出功能丰富并且美观的 UI 界面。

上文已经提到过了 jQuery EasyUI插件引用一般我们常用的有两种方式（排除easyload加载方式），所以本篇要总结的Draggable组件同样有两种方式加载：（1）、使用class加载方式：内容部分（2）、JS 加载调用$('#box').draggable();同样上文也说了，使用class属性不利于我们拓展组件的其他属性，所以我们使用JS调

示例中用到的一些图片、插件、样式文件等下载地址：过去在开发过程中关于table方面的jquery应用仅仅是局限于使用jquery操作table增加一行、删除一列等等操作。今天整理的跟过去用的不一样。1、uiTableFilter

1、文本框获得(失去)焦点当文本框获得输入焦点时,将该文本框高亮显示，算不得一个应用，只是一个小技巧，可以提高用户体验。body{ font:normal 12px/17px Arial;}div{ padding:2px;} input, textarea { width: 12em; border: 1px solid #888;}.f

1、最简单的动画：显隐效果

jQuery中的事件一、事件1、加载DOM$(document).ready() 这个第一节里详细介绍了2、事件绑定jQuery定义了bind()方法作为统一的接口，用来为每一个匹配元素绑定事件处理程序。其基本语法如下：bind(type,[data],fn);其中参数type表示事件类型，参数data是可选参数,它可以作为event.data属

六、过滤函数在前面介绍了许多功能实用的选择器，jQuery在此基础上还拓展了许多功能函数，这些函数作为jQuery对象的方法直接实用，这样就能够在选择器的基础上更加精确地控制对象。请注意：筛选函数与选择器在用法上是不同的。例如，在下面这个列表结构中。 1 2 3 如果要设置第二个列表项的字体颜色为红色，可以用选择器进行选择$("li:eq(1)").css("col

Jquery是一个快速、简洁的JavaScript框架,jQuery设计宗旨是：Write Less,Do More（写更少的代码,做更多的事情）。一、Jquery框架优势：1、轻量级jQuery源代码压缩后仅仅有几十KB，是jQuery的先天优势，是任何其它框架无法比拟的。在jQuery官网上下载的最新的库文件版本是2.1.0，大小为82KB2、兼容主流浏览器jQuery能在

一、使用jQuery创建节点

一、基本选择器1、ID选择器JavaScript提供了原生方法实现在DOM中选择指定ID值得元素。用法如下：var element=document.getElementById("id");jQuery简化了其操作： var $element=$("#id");实际上就是 jQuery对javaScript进行了一下包装，jQuery的ID选择方法在执行效率上要低于JavaS

layout 布局组件，依赖于panel，自己开发个web小程序的时候直接用这个组件布局很方便。对于一个web程序原来说，特别是像我这种一遇到界面美化问题就找美工的程序员，想自己独立的开发一个东西，除了套用以前的项目中的界面布局之外就没别的办法了，虽然我们可以用ifame切分出一个界面布局，但是我不会添加样式啊。使用layout组件就可以帮我们快速的有一个界面布局，而且美观效果也看得过去。