jQuery笔记

jQuery笔记

jQuery注册函数两种方式

/*匿名函数*/
$("input[name=bt]").click(function(){
    //code goes here...
});
/*显式函数*/
function fn(event){
   var id = event.data.id;  //id = 3;
   var name = event.data.name; //name = "test"
   code goes here...
}
$("input[name=bt]").click({"id":"3","name":"test"},fn);
$("input[name=bt]").bind({"click","id":"3","name":"test"},fn);  

jQuery 对象的getter和setter

/**/
css();存取style中的属性/值   addClass()/removeClass()
attr();属性/值               removeAttr();
data();对象上得数据          removeData()

注册事件

live();---die();

bind();---unbind();

Ajax应用

$.post(url,data,callback,type);

data :json data

常用选择定位

# id选择  .类选择 [] 属性/值选择  >（或空格）后代选择  : 函数定位

获取内容

html();   val();常用于input,select,radio    text();

dom操作

append()/appendTo()     prepend()/prependTo()   

after()/insertAfter()   before()/insertBefore()

remove()/detch()/empty()

插件开发

//1为jquery类添加静态方法 
jQuery.fn = function(options){  ... };   //call by  $.fn(options);
//use json to define some function
jQuery.extend({
    fn1:function(){...},
fn2:function(options){...}
});
//use namespace
jQuery.yc = {
    fn1:function(){...},
fn2:function(options){...}
};                                        //call by $.yc.fn1();
//2对象级别方法
(function($){
    $.fn.extend({
    fn1:function(){...},
fn2:function(options){...}
});
})(jQuery);        //call by  $("inpu[name=id]").fn1(); or $("inpu[name=id]").fn2(options);
//或
(function($){
    $.fn.yc = function(){...};
})(jQuery);