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("Theparagraphisnowhidden");

});

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.jqueryeach:

$("input[type='checkbox']").each(function(){

$(this).prop("checked",true);

ids.push($(this).val());

});

varobj={one:1,two:2,three:3,four:4};

$.each(obj,function(key,val){

alert(obj[key]);

});

相关推荐