jQuery初入

一、函数定义

function functionName(params1,params2...){...}

二、变长数组定义

a=[];

a[a.length]=value;

三、类的定义

function className(){this.priority1=value;....}

function className(value1,value2...){this.priority1=value1;this.priority2=value3;...}

使用的时候只要直接使用new就好了，和java没什么区别

四、数据存储

存：window.localStorage.setItem(key,value);

取：window.localStorage.getItem(key);

五、界面跳转

window.location='target.html';

六、正则表达式

以/开始，/结束。例如：

new RegExp(/^[0-9]{11}$/)).test(target)

检测target是否是11位的数字。

new RegExp(/^[0-9]{11}$/ig)).test(account)

非数字，ig可以理解为是ignore，忽略的意思；

七、发送接收请求

var request=null;
        try
        {
            request=new XMLHttpRequest();
        }catch(e)
        {
            request=new ActiveXObject();
        }
        request.open('POST', "http://" + IPAddress + ":" + PORT + "/Comptition/Login", true);
        request.send(account+'|'+password+'|'+'register');
        request.onreadystatechange=function(){
            if (request.readyState == 4 && request.status == 200) {
                var r = request.responseText;
                if(r=='ok'){
                    window.localStorage.setItem('account',account);
                    alert('注册成功！');
                    window.location='persional.html';
                }else{
                    alert(r);
                }
            }
        };

八、字符串转化为数字

parseInt(str);parseFloat(str);

九、节点访问

通过类名、ID或者节点类型：

$('td div#searchDivSecond input');
$('div#persionalMessage div#formForPersion input#nameForm');

访问子节点:

$('div#bg1 div#leftBlockInBg1 div#userState').children().eq(0)

访问父节点：使用parent()函数；

节点复制：var.clone()

删除节点：removeedNodeName.remove();

添加节点：parent.append(child);child.insertAfter(childExit);child.insertBefore(exitChild);

十、内容修改

node.text(content);

node.html(content);

获取和修改表单元素的值：node.val();node.val(value);

十一、属性修改

节点属性修改：node.attr('priorityName',priorityValue);

css样式修改：node.css('priorityName',priorityValue);

绑定时间：node.bind('eventName',functionPointer);

解除事件：node.unbind('eventName'[,functionPointer]);

阻止默认事件：node.preventDefault();

添加删除css类：node.addClass(cssClass);node.removeClass(cssClass);

十二、程序结构

和java，c++这些高级语言一样，有for循环，if..else..判断语句，switch选择语句，这里有必要一提的是等于号，他并不像java一样是比较引用的值，而是想c语言一样去比较。

十三、动画

node.animate(priorityAndValue,duringTime,callBackFunction),例如：

$('#scroll').animate({
            'left' : 0 + 'px'
        }, 1000, function() {
            $('#scroll').children().eq(length - 1).insertBefore($('#scroll').children().eq(0));
            $('#scroll').css('left', -width + 'px');
        });

其他函数：fadeIn();fadeOut();fadeTo();slidDown();slidUp();

十四、事件

函数形式一般为functionName(callBackFunction);

主要事件有：

click();

dblClick();

hover();

keyDown();

keyPress();

keyPress();

mouseIn();

mouseOut();

十五、事件冒泡

事件冒泡指的是一个事件由子节点向父节点及其祖先节点传递的过程；

可以通过event.target.is()来判断。

注：本人初学，内容如果有误，欢迎指正。另外，转载请注明出处！