JQuery 基础知识

1. do something after page ready to load:

$(document).ready(function(){

$('#message').fadeIn('slow');

});

2. how to use 'this':

<p onclick="$(this).hide();">hide this paragraph</p>

3. after a image loaded do sth.

$('#image').load(function(){

alert('something');

});

$('img').load(funtion(){ //each images have been loaded then do this thing.

...

});

4. after window load.
$(window).load(funciton(){
...
});

5. unload 当离开页面的时候启动．and confirm().
$(window).unload(function(){...
var c = confirm('are you sure?');
if(c){return ture;}else{ return false;}
});

5. serialize的用法，显示url里的一系列的值
$("form").serialize() 就是submit form之后在url里显示的值．也就是url里问号？之后的一系列的值

6. post
$.post(url, function(data){

}); 这里的data是从url的里得来的．

7. each(function)

$('.option:checked').each(funciton(){ total += $(this).val();});
$('.option:not(:checked)').each(function(){...});

8. form validation
http://bassistance.de/jquery-plugins/jquery-plugin-validation/
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$('#edit_blog').validate({
rules:{
title: { required: true,},
blog_category: {required: true, email: true,},
blog_body: {required: true,},
}
});
});
</script>

8 Array
var arr = ['cat', 'dog', 'fish'];
1) 显示在页面里要用
$('#array').html(arr.toString());
or
$('#array').html(arr.join("+ "));
2)
arr.splice(0, 1); 去掉从第一个到第二个之前的值，结果是： dog，fish
arr.slice(0,1); 取得第一个到第二个之前的值， 结果是：cat
arr.pop(); 删除最后一个值，结果是：cat，dog
arr.push("duck"); 添加值到最后， 结果是： cat, dog, fish, duck
arr.shift(); 减去第一个值，结果是： dog， fish
arr.unshift("duck"); 在第一个值之前添加一个值，结果是： duck, cat, dog, fish
arr.length; array的长度；
3）
<input id="submit" type="submit" rel="21|cat|dog" />

var data = $('#submit').attr('rel'); 得到的结果是：21|cat|dog
变成数组可以这样做：
data = data.split('|');

4) each()
$.each(data, function(key, val){
$("#array").append(key+" => " + val + "<br />");
});

9. position()
var position = $('#player').position();
如果想要向左：$('#player').css('left', position.left - 10 + 'px');
向下: $('#player').css('top', position.top + 10 + 'px');

$(document).keydown(function(e){
//e在这里是event．
});