美文网首页
jqueryTools jq小方法

jqueryTools jq小方法

作者: Nosaj | 来源:发表于2018-06-11 16:27 被阅读0次

    工具方法:

             * $.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)
    

    相关文章

      网友评论

          本文标题:jqueryTools jq小方法

          本文链接:https://www.haomeiwen.com/subject/sojheftx.html