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]);
});