jqueryTools jq小方法

2018-06-11  本文已影响0人  Nosaj

工具方法:

         * $.trim(str); 去掉str前后连续的空格,返回一个新的字符串
         * $.each(arr,function(i,item){});//遍历数组
         * $.grep(arr,function(item,i){});//过滤后遍历数组,不能修改返回值(即数组元素)
         * $.map(arr,function(item,i){});//修改数组元素的值
         * $.inArray(item,arr);//获取item数据在arr数组中的位置
         * $.merge(arr1,arr2);//合并两个数组并返回一个新数组

判断数据类型和状态做相应的操作:

         * $.isArray(obj) 判断是否为数组对象,是返回true
         * $.isFunction(obj)判断是否为函数,是返回true
         * $.isEmptyObject(obj) 判断是否空对象,是返回true
         * $.isPlainObject(obj)判断是否为纯粹对象,是返回true
         * $.contains(obj)判断DOM节点是否含另一个DOM节点,是返回true
         * $.type(data)判断数据类型
         * $.isNumeric(data)判断数据是否为数值
         * $.isWindow(data)判断数据是否为window对象
         * 
         * 注:
         * jq对象和js原生对象相互转化
         * $('#wrap') [0];//从jq对象里取出该对象所对应的原生对象
         * var box = document.getElementById('box');
         * $(box);//将box这个原生对象转换成jq对象

JQ动画:

jQuery显示/隐藏函数
         * show(),hide()//显示隐藏
         * fadeIn(),fadeOut();//淡入淡出
         * slideDown(),slideUp();//展开收起
         * 参数均为一个:时间 单位ms 过渡时长
         * 暂停动画:stop();


         * ele.animate({params,time,callback});
         * params:动画效果(css样式列表)
         * time:动画持续时间长度(单位ms,作用类似于css的transition)
         * callback:动画执行结束之后的回调函数

jq的ajax

        
        $.ajax({
            type:"post/get",
            url:"12.ajax.php",
            async:true,
            data:{
                name:'jason',
                pswd:'898989',
                tel:'99988877765',
            },
            success:function(res){//res:ajax.responseText;
                //成功调用的函数
                console.log(res);
            },
            error:function(){
                //失败调用的函数
            },
        });
        $.get(url,data(fake),callBack);
        $.post(url,data,callBack)
上一篇下一篇

猜你喜欢

热点阅读