jquery学习笔记

以前做项目的时候都用js,现在想该用jquery，所以学习了jquery基本的语法，下面是我总结和手机的jquery语法
1.常用事件
   $(document).ready(function) 文档的就绪事件
   $(selector).click(function) 被选元素的点击事件
   $(selector).dblclick(function) 被选元素的双击事件
   $(selector).focus(function)    被选元素获得焦点事件
   $(selector).mouseover(function) 被选元素鼠标悬停事件
2.jQuery效果
   $(selector).hide() 隐藏被选元素
   $(selector).show() 显示被选元素
   $(selector).toggle() 切换（在隐藏与显示之间）被选元素
   $(selector).slideDown() 向下滑动（显示）被选元素
   $(selector).slideUp() 向上滑动（隐藏）被选元素
   $(selector).slideToggle() 对被选元素切换向上滑动和向下滑动
   $(selector).fadeIn() 淡入被选元素
   $(selector).fadeOut() 淡出被选元素
   $(selector).fadeTo() 把被选元素淡出为给定的不透明度
   $(selector).animate() 对被选元素执行自定义动画
   参数："slow", "fast", "normal" 或毫秒
   回调函数：callback
   $("p").hide(1000,function(){
   alert("The paragraph is now hidden");
   });
jQuery的HTML操作
   $(selector).html(content) 改变被选元素的（内部）HTML
   $(selector).append(content) 向被选元素的（内部）HTML 追加内容
   $(selector).prepend(content) 向被选元素的（内部）HTML “预置”（Prepend）内容
   $(selector).after(content) 在被选元素之后添加 HTML
   $(selector).before(content) 在被选元素之前添加 HTML
3.jQuery的CSS操作
   $(selector).css(name,value) 为匹配元素设置样式属性的值
   $(selector).css({properties}) 为匹配元素设置多个样式属性
   $(selector).css(name) 获得第一个匹配元素的样式属性值
   $(selector).height(value) 设置匹配元素的高度
   $(selector).width(value) 设置匹配元素的宽度
4.jquery的delegate方法
  Jquery方法为指定元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定这些事件发生时运行的函数，使用delegate方法的事件处理程序用于当前或未来的元素。
语法：$(selector).delegate(childSelector,event,data,function)
参数说明
childSelector 必需。规定要附加事件处理程序的一个或多个子元素。
event 必需。规定附加到元素的一个或多个事件。
由空格分隔多个事件值。必须是有效的事件。
data 可选。规定传递到函数的额外数据。
function 必需。规定当事件发生时运行的函数。
5.jquery each:
$("input[type='checkbox']").each(function (){
                 $(this).prop("checked",true);
                  ids.push($(this).val());
             }); 
var obj = { one:1, two:2, three:3, four:4};    
$.each(obj, function(key, val) {    
    alert(obj[key]);          
});