JQuery

jQuery是一个轻量的JavaScript库
jQuery常规作用可以概括为以下7个方面:
   获取页面中的元素  修改页面外观  改变页面内容 响应用户在页面上的操作
 为页面添加动态效果 页面无刷新获取服务器端信息 简化常规的JavaScript代码
jQuery方法被封装在jQuery对象中,使用工厂函数$()可以获取一个jQuery对象

$(document).ready(function(){})方法可以重复调用而不会被覆盖
选择器是jQuery的根基,jQuery支持CSS选择器、XPath选择器和自定义选择器

jQuery可以操作DOM节点和样式
jQuery为制作动画提供了4类方法:
基本动画函数:show()、hide()和toggle()
滑动动画函数:slideDown()、slideUp()和slideToggle()
淡入淡出动画函数:fadeIn()、fadeOut()和fadeTo()
自定义动画函数:animate()和stop()

 jQuery Ajax应用 :基于请求加载数据
 加载HTML内容
使用jQuery的load()方法,通过异步方式获取HTML数据


使用jQuery创建Ajax应用,最底层的方法是$.ajax(),它封装了所有的Ajax请求和响应处理。
在$.ajax()方法上,jQuery还提供了6个全局函数实现各自不同的功能:
$.get():发出GET请求,并注册回调函数
$.post():发出POST请求,并注册回调函数
$.getScript():动态加载脚本
$.getJSON():请求JSON格式数据
load():请求和加载响应的数据
使用jQuery对表格进行客户端分页一般分为3个步骤:
添加自定义事件实现分页逻辑
添加分页指示器
使用trigger()方法触发自定义分页事件
使用jQuery为表格添加工具提示条一般分为3个步骤:
添加工具条提示元素
为元素定位
隐藏工具条提示元素
表格的折叠和扩展效果可使用toggle()方法实现
validation插件内置20几种验证规则,在页面提交是使用validate()方法实现验证
Form插件使用核心方法ajaxForm()实现Ajax无刷新提交服务器端
jQchart插件可以绘制折线图和柱状图,其绘图数据和样式主要依赖于JSON格式的数据,这些数据包含在data属性和config属性中

 

posted @ 2012-05-09 23:08  微笑de『MY』  阅读(260)  评论(0编辑  收藏  举报