今天是: 收藏本站 设为主页

jquery

日期:2011-03-18  点击率:3214



同一函数实现get\set

  代码
  $("#msg").html();
  $("#msg").html("hello");
  上面两行代码,调用了同样的函数。但结果却差别很大。
  第一行是返回指定元素的HTML值,第二行则是将hello这串字符设置到指定元素中。jquery的函数大部分有这样的特性。
ajax

  这是一个ajax横行的时代。多少人,了不了解ajax的都跟着用上一把。呵。使用jquery实现ajax同样异常简单
  代码
  (1)
  $.get("search. do",{id:1},rend);
  function rend(xml){
  alert(xml);
  }
  (2)
  $.post("search. do",{id:1},rend);
  function rend(xml){
  alert(xml);
  }
  (3)
  $("#msg").ajaxStart(function(){
  this.html("正在加载。。。。");
  });
  (4)
  $("#msg").ajaxSuccess(function(){
  this.html("加载完成!");
  });
  这些都是较常用的方法,get和post用法一样。第一个参数是异步请求的url,第二个为参数,第三个回调方法。(4)的方法会在指定的Dom对象上绑定响应ajax执行的事件。
  (5)同步加载数据。发送请求时锁住浏览器。需要锁定用户交互操作时使用同步方式。
  var html = $.ajax({
  url: "some.php",
  async: false
  }).responseText;
  (6) 保存数据到服务器,成功时显示信息。
  $.ajax({
  type: "POST",
  url: "some.php",
  data: "name=John&location=Boston",
  success: function(msg){
  alert( "Data Saved: " + msg );
  }
  });
渐入淡出

  代码
  $("#msg").show("fast");
  $("#msg").hide("slow");
  $("#msg").fadeIn();
  $("#msg").fadeOut();
  没错,上面两行代码已经分别实现了一个id为Msg的jquery对象的渐入和淡出。做一个像Gmail一样的动态加载通知条,用jquery就那么简单。两个函数接受的参数除了快慢等,还可以接收整型,作为渐入或淡出的完成时间,单位为MS。
编辑本段
plugin

  这也是一个插件的时代。
  jquery插件给我的感觉清一色的清洁,简单。如Jtip,要使用它的功能,只需要在你的元素的class上加上Jtip,并引入jtip.js及其样式即可以了。其他事情插件全包。我喜欢jquery的一个重要原因是发现她已经有了很多很好,很精彩的插件。
  写得很烂。可能大家看不出jquery的好处。嗯,光听是没用的,试用一下吧。你会发觉很有趣。
  暂时告一段落吧。待有新的发现再来分享。
  加一些Jquery的资源:
  http://www.visualjquery. com/index.xml 很好的API查询站点
  http://jquery. com/demo/thickbox/ 知道lightBox吧,看看Jquery是怎样实现相同的东西
  http://jquery. org. cn/visual/cn/index.xml //不错的JQUERY 中文学习 推荐
  微软的visual studio 2008 sp1支持对jquery的动态提示,只要在代码页导入对应的vsdoc脚本就可以。
  目前为止,jQuery的最新版本为1.5.1




下一篇:dz论坛附件图片添加alt属性   上一篇:Mysql 占用cpu资源高的分析