Jquery小结.docVIP

2011-10-14 jquery 学习小结4 博客分类： ajax/web相关 jquery 继续读书记下心得1 toggle(switch) 如果是显示，则隐藏；如果是隐藏，则显示 比如某张图片 $(img).toggle();2 sligdeToggle()，自动判断以进行高度的增减的动画效果 $(function() { $(.divFrame).click(function() { //div元素点击事件 //图片高度状态自动切换，并执行一个回调函数 $(img).slideToggle(3000, function() { $(img).css(border, solid 1px #ccc); }) }) })3 animate动画效果 $(function() { $(input:eq(0)).click(function() { //左移按钮点击事件 //在3000毫秒内，以动画的形式向左移动52个像素 $(.divList).animate({ left: -=52px }, 3000); }) $(input:eq(1)).click(function() { //右移按钮点击事件 //在3000毫秒内，以动画的形式向右移动52个像素 $(.divList).animate({ left: +=52px }, 3000); }) })4 动画队列 $(function() { $(div).click(function() { //div块单击事件 $(this) .animate({ height: 100 }, slow) //第1列 .animate({ width: 100 }, slow) //第2列 .animate({ height: 50 }, slow) //第3列 .animate({ width: 50 }, slow); //第4列 }) })5 动画的停止和延时 $(img).stop(); //停止正在执行的动画 $(img) .delay(2000) //延时切换图片6 ajax加载用法 使用load方法比如 $(#divtips).load(c.html); load方法中可以加载另外一个页面的某个类别的元素，比如 $(#divtips).load(c.html.divcontent);  getJSON方法的使用，比如： $.getJSON(UserInfo.json, function(data) { $(#divTip).empty(); //先清空标记中的内容 var strHTML = ; //初始化保存内容变量 $.each(data, function(InfoIndex, Info) { //遍历获取的数据 strHTML += 姓名： + Info[name] + br; }) })7 getScript的使用 可以在jquery中加载另外一个JS，比如 $.getScript(xxxx.js);8 异步加载XML文档 $.get(UserInfo.xml, function(data) { $(#divTip).empty(); //先清空标记中的内容 var strHTML = ; //初始化保存内容变量 $(data).find(User).each(function() {