代码
var a = $(“#cid”);
var b = $(“hello”);
var c = document.createElement(“table”);
var tb = $©;
三,代替body标签的onload
这个惯例,也许是除了$()之外,用得最多的地方了。下面一段代码:
代码
$(document).ready(function(){
alert(“hello”);
});(1)
<body onload=”alert(‘hello’);”>(2)
上面两段代码是等价的。但代码1的好处是做到表现和逻辑分离。并且可以在不同的js文件中做相同的操作,即$(document).ready (fn)可以在一个页面中重复出现,而不会冲突。基本上Jqeury的很多plugin都是利用这个特性,正因为这个特性,多个plugin共同使用起 来,在初始化时不会发生冲突。
不管怎么说,这个惯例可以分离javascrīpt与HTML。推荐使用。
四,事件机制
我大量使用的事件可能就是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[0]”).submit(validate);
});
function validate(){
//do some form validation
}
五,同一函数实现set
代码
$(“#msg”).html();
$(“#msg”).html(“hello”);
上面两行代码,调用了同样的函数。但结果却差别很大。
第一行是返回指定元素的HTML值,第二行则是将hello这串字符设置到指定元素中。jquery的函数大部分有这样的特性。
六,ajax
这是一个ajax横行的时代。多少人,了不了解ajax的都跟着用上一把。呵。使用jquery实现ajax同样简单异常
代码
$.get(“search.do”,{id:1},rend);
function rend(xml){
alert(xml);
} (1)
$.post(“search.do”,{id:1},rend);
function rend(xml){
alert(xml);
} (2)
$(“#msg”).ajaxStart(function(){
this.html(“正在加载。。。。”);
});(3)
$(“#msg”).ajaxSuccess(function(){
this.html(“加载完成!”);
});(4)
这些都是较常用的方法,get和post用法一样。第一个参数是异步请求的url,第二个为参数,第三个回调方法。
3,4的方法会在指定的Dom对象上绑定响应ajax执行的事件。当然,jquery的AJAX相关的函数不仅是这些,有兴趣可以去研究再多。










