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

jquery

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



Jquery对象

  jquery提供了很多遍历的函数,如each(fn),但是使用这些函数的前提是:你使用的对象是Jquery对象。使一个Dom对象成为一个Jquery对象很简单,通过下面一些方式(只是一部分):
  代码
  var a = $("#cid");
  var b = $("<p>hello</p>");
  var c = document.createElement("table");
  var tb = $(c);

代替body标签的onload

  这个惯例,也许是除了$()之外,用得最多的地方了。下面一段代码:
  代码
  $(document).ready(function(){
  alert("hello");
  });(1)
  <body onload="alert('hello');">(2)
  上面两段代码是等价的。但代码1的好处是做到表现和逻辑分离。并且可以在不同的js文件中做相同的操作,即$(document).ready (fn)可以在一个页面中重复出现,而不会冲突。基本上Jquery的很多plugin都是利用这个特性,正因为这个特性,多个plugin共同使用起来,在初始化时不会发生冲突。
  不管怎么说,这个惯例可以分离javascrīpt与HTML。推荐使用。
  别误导,上面两段代码不是等价的。
  <body onload="alert('hello');">这里的alert('hello');要等到页面全部加载完毕才执行,注意是全面加载,包括dom,图片等其它资源。
  而$(document).ready(function(){
  alert("hello");
  });(1)
  当dom加载完就可以执行了。

事件机制

  我大量使用的事件可能就是button的onclick了。以前习惯在input 元素上写onclick = "fn()",使用jquery可以使javascrīpt代码与html代码分离,保持HTML的清洁,还可以很轻松地绑定事件,甚至你可以不知道“事件”这个名词。
  代码
  $(document).ready(function(){
  $("#clear").click(
  function(){
  alert("i am about to clear the table");
  }
  );
  $("form[12]").submit(validate);
  });
  function validate(){
  //do some form validation
  }





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