jQuery笔记

来源:互联网 发布:腾讯代理吃鸡会优化吗 编辑:程序博客网 时间:2024/06/07 07:19

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 对象的gettersetter

/**/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 functionjQuery.extend({    fn1:function(){...},fn2:function(options){...}});//use namespacejQuery.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);


原创粉丝点击