2009年12月_soldierluo

原创 JQuery UI之(六)进度条——Progressbar

一、前言进度条可以向用户显示程序当前完成的百分比，让用户知道程序的进度，提高了用户体验。二、最简单的例子首先引入样式和js库： link type="text/css" rel="Stylesheet" href="css/jquery-ui-1.7.2.custom.css" /> script type="text/

2009-12-16 17:07:00 37769 1

原创 JQuery UI之(五)日期选择——Datepicker

一、前言JQuery官方的Datepicker控件，可以很方便的使用，但是在我看来他所提供的功能却稍显简单，并不能完全地符合我们的需求，所以，如果只是很简单的需求的话使用JQuery提供的Datepicker控件是没问题的，但是如果需要比较复杂的功能的话，请参考这个网址：http://www.my97.net/dp/demo/ 二、使用Datep

2009-12-15 11:05:00 3463 2

原创 JQuery UI之(四)手风琴面板——accordion

一、前言手风琴面板我又叫他可折叠面板，可以使用户创建一组可折叠的面板二、开始动手添加样式和js库： link type="text/css" rel="Stylesheet" href="Css/redmond/jquery-ui-1.7.2.custom.css" /> script type="text/javasc

2009-12-13 17:47:00 2212

原创 JQuery UI之(三)可切换面板——tabs

一、前言Tabs组件的使用与dialog一样十分简单, 默认的配置即可实现最简单的tab, 通过设置更多的options可以实现更复杂的应用. 二、直入主题引入样式和js库： link type="text/css" rel="Stylesheet" href="Css/redmond/jquery-ui-1.7.2.custom

2009-12-13 16:48:00 10505

原创 JQuery UI之(二)对话框——dialog

一、前言弹出框是非常实用的页面功能，它有两个特点：一是可拖拽(Draggable)、一是可改变大小(Resizeable) 二、废话不说——先看如何弹出一个对话框代码如下：先引入之前加入的css和js如下： link type="text/css" rel="Stylesheet" href="Css/redmond

2009-12-13 14:28:00 13251 1

原创 JQuery UI之(一)简介

jQuery UI 是 jQuery 的一部分, 是在jQuery之上的一套专门用于UI交互的类库. 使用jQuery UI可以实现底层交互, 各种高级特效, 动画, 并且可定制主题. 我们可以用它轻松的构建高度交互的Web应用程序. 官方首页: http://jqueryui.com/home 文档、示例、皮肤下载: http://jqueryui.com/th

2009-12-13 14:25:00 2113

原创 JQuery基础之(七)jQuery动画处理

一、前言本文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍.开发人员一直痛疼做动画. 但是有了jQuery你会瞬间成为别人(那些不知道jQuery的人)眼里的动画高手! 本文将介绍jQuery的动画相关函数.原来做动画如此简单! 二、基本动画函数——从实例开始

2009-12-07 18:03:00 1941 1

原创 JQuery基础之(六)JQuery事件与事件对象

一、摘要事件是脚本编程的灵魂. 所以本章内容也是jQuery学习的重点. 本文将对jQuery中的事件处理以及事件对象进行详细的讲解. 二、旧有的事件与事件对象首先来做个测试，代码如下： div id="divEvent" style="background-color:Silver;">点击我div> script type

2009-12-07 13:52:00 3394 3

原创 JQuery基础之(五)使用JQuery操作元素的属性和样式

一、前言本篇文章讲解如何使用jQuery获取和操作元素的属性和CSS样式. 其中DOM属性和元素属性的区分值得大家学习. 二、区分DOM属性和元素属性一个img标签:通常开发人员习惯将id, src, alt等叫做这个元素的"属性". 我将其称为"元素属性". 但是在解析成DOM对象时, 实际浏览器最后会将标签元素解析成"DOM对象", 并且将元素的"元素属

2009-12-07 10:28:00 3362

原创 JQuery基础之(四)JQuery包装集

一、前言在使用jQuery选择器获取到jQuery包装集后, 我们需要对其进行操作. 本章首先讲解如何动态的创建元素, 接着学习如何管理jQuery包装集, 比如添加,删除,切片等. 二、动态创建元素1) 使用HTML DOM创建新元素什么是 DOM？通过 JavaScript，您可以重构整个HTML文档。您可以添加、移除、改变或重排页面上的项

2009-12-07 10:26:00 1093

原创 JQuery基础之(三)JQuery选择器

一、前言本章讲解jQuery最重要的选择器部分的知识. 有了jQuery的选择器我们几乎可以获取页面上任意的一个或一组对象, 可以明显减轻开发人员的工作量. 编写任何javascript程序我们要首先获得对象, jQuery选择器能彻底改变我们平时获取对象的方式, 可以获取几乎任何语意的对象, 比如"拥有title属性并且值中包含test的元素", 完成这些工作只需要编写一个jQu

2009-12-07 10:24:00 1194

原创 JQuery基础之(二)第一个JQuery程序

一、下载JQuery类库下载地址：http://code.google.com/p/jqueryjs/downloads/list上面的地址是总下载列表, 里面有很多版本和类型的jQuery库, 主要分为如下几类:1) min: 压缩后的jQuery类库, 在正式环境上使用.如:jquery-1.3.2.min.js2) vsdoc: 在Visua

2009-12-07 10:19:00 2086

原创 JQuery基础之(一)JQuery简介

一、什么是JQuery、为什么是JQueryjQuery是一套Javascript脚本库.注意：jQuery是脚本库, 而不是脚本框架. "库"不等于"框架", 比如"System程序集"是类库,而"ASP.NET MVC"是框架. jQuery并不能帮助我们解决脚本的引用管理和功能管理,这些都是脚本框架要做的事.脚本库能够帮助我们完成编码逻辑,实现业务功能. 使用jQuery

2009-12-07 09:51:00 1138

soldierluo的专栏