JQ(初级)学习笔记
1.选择器
1.常用效果函数(http://www.w3school.com.cn/jquery/jquery_ref_effects.asp)
slideUp()隐藏被选元素 slideDown()显示被选元素 slideToggle()切换被选元素
opacity(透明度)属性:fadeIn(speed(单位:毫秒),callback(回调函数)) 从不可见变为可见 fadeOut() fadeTo(某个透明度)
display属性: hide()、show()、toggle()
2.事件处理(jq的事件名不加on)
1)触发事件 例:$(document).ready( function() {..});
2)绑定事件 方法1:$("..").click( function() {..} );
方法2:$("..").bind( 'click', function() {..});
3)删除事件 例:$("..").unbind('click');
遍历处理元素 例:$("..").each( function() {..});
3.数据定义
变量:$f 数组:$a[5]
4.改变CSS
1)改变属性名 例:$("..").addClass("hover"); $("..").removeClass("no_hover");
2)animate()改变css属性 例:$(“..").animate( {css属性},speed,easing,callback);
3)css()方法:$("..").css(name,value);
4.常用函数
1)$.contains(a,b) 检查a字符串中是否包含b字符串中的内容
2)delay() 在两个方法间加入停顿 例:slideDown().delay(5000).slideUp()
3)attr() 设置或返回被选元素的属性值
4)serialize() 创建标准URL编码表示的文本字符串
serializeArray() 序列化表单值来创建对象数组(名称和值)
5)val(value) 返回或设置被选元素的值
6)function(index选择器的位置,oldvalue选择器的当前值) 返回要设置的值得函数
5.建立对象
例:var myCountry = {对象属性,对象方法}
6.插件(下载地址:http://jqueryui.com/download)
1)效果插件:datepicker(日历)、button(单个按钮)、buttonset(一组按钮)、slider(滑动条) 使用方式:$("..").datepicker({changeMonth:true,changeYear:true});
交互插件
部件插件
7.其它
1)$(this)返回当前的元素