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)返回当前的元素