积累

最新推荐文章于 2019-12-04 11:30:36 发布

咖喱鸡块

最新推荐文章于 2019-12-04 11:30:36 发布

阅读量232

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/hh279768876/article/details/56285624

版权

js 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

 
 $.ajax({ 

 
     url: "http://www.hzhuti.com",    //请求的url地址 

 
     dataType: "json",   //返回格式为json 

 
     async: true, //请求是否异步，默认为异步，这也是ajax重要特性 

 
     data: { "id": "value" },    //参数值 

 
     type: "GET",   //请求方式 

 
     beforeSend: function() { 

 
         //请求前的处理 

 
 如： 
 loadingdiv 
 && 
 loadingdiv 
 . 
 showloading 
 () 
 ; 

},

 
     success: function(req) { 

 
         //请求成功时处理 

},

 
     complete: function() { 

 
         //请求完成的处理 

 
 如： 
 loadingdiv&&loadingdiv. 
 hideloading 
 () 
 ;  

},

 
     error: function() { 

 
         //请求出错处理 

 
 如： 
 loadingdiv 
 && 
 loadingdiv 
 . 
 showerror 
 () 
 ; 

}

});

-------------------------------------------------------------------------------

  1. 
  jQuery 遍历 - each() 方法 

 
 实例 

 
 输出每个 li 元素的文本： 

 
 $("button").click(function(){ $("li").each(function(){ alert($(this).text()) });}); 
 亲自试一试 

 
 定义和用法 

 
 each() 方法规定为每个匹配元素规定运行的函数。 

  2.jq的添加自定义方法 

 
 $ 
 . 
 fn 
 . 
 extend 
 ({ 

 
  
 isVip 
 : 
 function 
 (){ 

 
  
 alert 
 ( 
 1 
 ) 

}

 
 }) 
 ; 

 
 使用的时候： 
 $.isVip() 

  3. 有生成的标签 要寻找的时候就用这种方法 

 
 $ 
 ( 
 '.dotidownUl' 
 ). 
 find 
 ( 
 ' 
 li 
 :last' 
 ). 
 css 
 ( 
 'backgroundColor' 
 , 
 'red' 
 ) 
 ; 

  4. 
 alert($(window).height()); // 
 浏览器 
 时下窗口可视区域高度 

 
 alert($(document).height()); // 
 浏览器 
 时下窗口文档的高度 

 
 alert($(document.body).height());// 
 浏览器 
 时下窗口文档body的高度 

 
 alert($(document.body).outerHeight(true));//浏览器时下窗口文档body的总高度 包括border padding margin 

 
 alert($(window).width()); //浏览器时下窗口可视区域宽度 

 
 alert($(document).width());//浏览器时下窗口文档对于象宽度 

 
 alert($(document.body).width());//浏览器时下窗口文档body的高度 

 
 alert($(document.body).outerWidth(true));//浏览器时下窗口文档body的总宽度 包括border padding margin 

 
 alert($(document).scrollTop()); //获取 
 滚动条 
 到顶部的垂直高度 

 
 alert($(document).scrollLeft()); //获取 
 滚动条 
 到左边的垂直宽度 

  5. 修改div背景图 

 
 css({'background-image':'url(images/msg_btn.gif)'}) 

 
 6. $(".subject:visible")查找所有的可见的subject元素 

 
 7. 找到ul的li里面有 biao=1的li 

 
 $( 
 '.dotidown' 
 ). 
 find 
 ( 
 '.dotidownUl li[biao=1]' 
 ). 
 each 
 ( 
 function 
 (){ 

 
  
 var  
 ios  
 =  
 $( 
 this 
 ). 
 index 
 ();  

 
  
 errornum 
 . 
 push 
 ( 
 ios 
 ); 

});

  8.判断按键的值 

 
 $( 
 "#loginform .userPwd" 
 ).keypress( 
 function 
 ( 
 e 
 ) { 

 
  
 if  
 ( 
 e 
 .keyCode  
 ==  
 13 
 ) {  
 // 
 键码值是 
 13 Enter 

 
  
 var  
 userName  
 =  
 $( 
 "#userName" 
 ). 
 val 
 (); 

 
  
 var  
 password  
 =  
 $( 
 "#password" 
 ). 
 val 
 (); 

 
  
 login 
 ( 
 userName 
 ,  
 password 
 ); 

}

});

 
 9.查找有class的li的行间属性 

 
 var  
 numprice  
 =  
 $( 
 '.wrasaul' 
 ). 
 find 
 ( 
 'li.activeca' 
 ). 
 attr 
 ( 
 'prise' 
 ); 

 
 // 
 提交成功阻止滚动事件 

 
 function  
 submitSuccess 
 () { 

 
 $( 
 ".submit_success" 
 ). 
 on 
 ({ 

 
  
 "touchmove"  
 : function  
 ( 
 e 
 ) { 

 
  
 var  
 evt  
 =  
 e  
 ||  
 window.event; 

 
  
 evt 
 . 
 preventDefault 
 (); 

}

})

 
 $(window). 
 on 
 ( 
 "wheel" 
 , 
 function  
 ( 
 e 
 ) { 

 
  
 var  
 evt  
 =  
 e  
 ||  
 window.event; 

 
  
 evt 
 . 
 preventDefault 
 (); 

})

}

  -------------------------------------------------------------------------------------------------------------- 

   scripbook 
 
   0.用户验证 
 
   1.文本类 
 
   11_ 
 
   2.视频类 
 
   3.图片类 
 
   4.个人中心类 
 
   44_ 
 
   5.移动端 
 
   55_ 
 
   6.产品展示 
 
   66_ 
 
   7.其他 
 
   77_ 
 
   8.购物类 
 
   88_ 
 
   9.加载页 
 
   99_ 
 
   10.特效 
 
   100_ 
 
   11.搜索框 
 
   101_ 
 
   12.vip购买 
 
   102_ 
 
   13.宣传动画 
 
   103_ 
 
   14.轮播 
 
   104_ 
 
   15.时钟 
 
   105_ 
 
   16.head 
 
   106_ 
 
   17.评价 
 
   107_ 
 
   18.视频 
 
   108_ 
 
   19.音乐音频 
 
   109_ 
 
   20.弹窗 
 
   120_ 
 
   21.手机验证码 
 
   121_ 
 
   22..按钮 
 
   122_ 
 
   23.用户意见 
 
   133_ 
 
   24.时间戳 
 
   134_ 
 
   25.文件上传 
 
   135_ 
 
   26.引导 
 
   136_ 
 
   27.响应式 
 
   137_ 
 
   28.选择 
 
   138_ 
 
   29.下拉菜单 
 
   140_ 
 
   30.表格 
 
   141_ 
 
   31.删除 
 
   142_ 
 
   32.加载 
 
   143_ 
 
   33.联动条 
 
   144_ 
 
   34.线 
 
   145_ 
 
   35_介绍 
 
   146_ 
 
   36.阅读 
 
   147_ 
 
   37.温度 
 
   148_ 
 
   38.日记 
 
   149_ 
 
   39.边栏 
 
   150_ 
 
   40.整屏滚动 
 
   151_ 
 
   41.音乐 
 
   152_ 
 
 ------------------------------------------------------------------------------------------

 
  1. 
 
  src ：视频的属性 
 
  poster：视频封面，没有播放时显示的图片 
 
  preload：预加载 
 
  autoplay：自动播放 
 
  loop：循环播放 
 
  controls：浏览器自带的控制条 
 
  width：视频宽度 
 
  height：视频高度 
 
  2. 
 
  <video id="media" src="http://www.jb51.net/test.mp4" controls width="400px" heigt="400px"></video>  
 
  //audio和video都可以通过JS获取对象,JS通过id获取video和audio的对象 
 
  ----------------------------------------------------------------------------------------------------------------- 
 
    1. 
    var  
   orderDate =  
   getDate 
   (iudading.orderDate/ 
   1000 
   ) 
   ; 
  
   //日期 
  
   function  
   getDate 
   (tm){ 
  
   var  
   tt= 
   new  
   Date( 
   parseInt 
   (tm) *  
   1000 
   ). 
   toLocaleString 
   (). 
   replace 
   ( 
   /年|月/g 
   ,  
   "-" 
   ). 
   replace 
   ( 
   /日/g 
   ,  
   " " 
   ) 
  
   return  
   tt 
   ; 
  
   }; 
  
   2. 
   var  
   daytime  
   = new  
   Date( 
   data 
   .vipEndDate); 
  
   daytime 
   . 
   getFullYear 
   (); 
  
   daytime 
   . 
   getMonth 
   (); 
  
   daytime 
   . 
   getDate 
   (); 
  
   var  
   time  
   =  
   daytime 
   . 
   getFullYear 
   () 
   + 
   '.' 
   + 
   ( 
   1 
   + 
   parseInt 
   ( 
   daytime 
   . 
   getMonth 
   ())) 
   + 
   '.' 
   + 
   daytime 
   . 
   getDate 
   (); 
  
   $( 
   '.twovip' 
   ). 
   text 
   ( 
   time 
   ); 
  
   -----------------------------------------------------------------------------------------------------------------
  
     1.截取字符串 
   
     var str = str.substring(0) 
   
     2.截取等号后边的东西 
   
    errornum 
     =  
    GetQueryString 
    ( 
    " 
    errornum 
    " 
    ) 
    ; 
   
    function  
    GetQueryString 
    (name) 
   
    { 
   
    var  
    reg =  
    new  
    RegExp( 
    "(^|&)" 
    + name + 
    "=([^&]*)(&|$)" 
    ) 
    ; 
   
    var  
    r =  
    window 
    . 
    location 
    . 
    search 
    . 
    substr 
    ( 
    1 
    ). 
    match 
    (reg) 
    ; 
   
    if 
    (r!= 
    null 
    )  
    return  
    unescape(r[ 
    2 
    ]) 
    ; 
      
    return null 
    ; 
   
    }  
   
     3. 字符串截取后边省略号... 
   
    function  
    jiequ 
    (stra){ 
   
    var  
    str=stra 
    ; 
    //原始字符串 
   
    var  
    s = str 
    ; 
    //要展示的字符串 
   
    if 
    (str. 
    length 
    > 
    8 
    ){ 
   
    s=str. 
    substring 
    ( 
    0 
    , 
    10 
    )+ 
    "..." 
    ; 
   
    } 
   
    return  
    s 
    ; 
   
    } 
   
    4.随机数 
   
    function  
    GetRandomNum 
    ( 
    Min 
    , 
    Max 
    ) 
   
    { 
   
    var  
    Range  
    =  
    Max  
    -  
    Min 
    ; 
   
    var  
    Rand  
    =  
    Math. 
    random 
    (); 
   
    return 
    ( 
    Min  
    +  
    Math. 
    round 
    ( 
    Rand  
    *  
    Range 
    )); 
   
    } 
   
    var  
    num  
    =  
    GetRandomNum 
    ( 
    0 
    , 
    5 
    ); 
   
    5. 
   
    日期显示 
   
    var  
    daytime  
    = new  
    Date( 
    data 
    .vipEndDate); 
   
    daytime 
    . 
    getFullYear 
    (); 
   
    daytime 
    . 
    getMonth 
    (); 
   
    daytime 
    . 
    getDate 
    (); 
   
    var  
    time  
    =  
    daytime 
    . 
    getFullYear 
    () 
    + 
    '.' 
    + 
    ( 
    1 
    + 
    parseInt 
    ( 
    daytime 
    . 
    getMonth 
    ())) 
    + 
    '.' 
    + 
    daytime 
    . 
    getDate 
    (); 
   
    $( 
    '.twovip' 
    ). 
    text 
    ( 
    time 
    ); 
   
    6秒化分钟 
   
    function  
    formatSeconds 
    ( 
    value 
    ) { 
   
    var  
    theTime  
    =  
    parseInt 
    ( 
    value 
    ); 
    //  
    秒 
   
    var  
    theTime1  
    =  
    0 
    ; 
    //  
    分 
   
    var  
    theTime2  
    =  
    0 
    ; 
    //  
    小时 
   
    if 
    ( 
    theTime  
    >  
    60 
    ) { 
   
    theTime1  
    =  
    parseInt 
    ( 
    theTime 
    / 
    60 
    ); 
   
    theTime  
    =  
    parseInt 
    ( 
    theTime 
    % 
    60 
    ); 
   
    if 
    ( 
    theTime1  
    >  
    60 
    ) { 
   
    theTime2  
    =  
    parseInt 
    ( 
    theTime1 
    / 
    60 
    ); 
   
    theTime1  
    =  
    parseInt 
    ( 
    theTime1 
    % 
    60 
    ); 
   
    } 
   
    } 
   
    var  
    result  
    =  
    "" 
    + 
    parseInt 
    ( 
    theTime 
    ) 
    + 
    " 
    秒 
    " 
    ; 
   
    if 
    ( 
    theTime1  
    >  
    0 
    ) { 
   
    result  
    =  
    "" 
    + 
    parseInt 
    ( 
    theTime1 
    ) 
    + 
    " 
    分 
    " 
    + 
    result 
    ; 
   
    } 
   
    if 
    ( 
    theTime2  
    >  
    0 
    ) { 
   
    result  
    =  
    "" 
    + 
    parseInt 
    ( 
    theTime2 
    ) 
    + 
    " 
    小时 
    " 
    + 
    result 
    ; 
   
    } 
   
    return  
    result 
    ; 
   
    } 
   
    7.localStorage.clear() 清空本地存储 
   
    8.时钟 
   
    var  
    t 
    = 
    window. 
    setInterval 
    ( 
    function 
    (){ 
   
    if 
    ( 
    min 
    == 
    59 
    ){ 
   
    min 
    = 
    0 
    ; 
   
    count 
    ++ 
    ; 
   
    } 
    else 
    { 
   
    min 
    ++ 
    ; 
   
    } 
   
    $( 
    ".time i" 
    ). 
    text 
    (( 
    count 
    < 
    10 
    ? 
    "0" 
    + 
    count 
    : 
    count 
    ) 
    + 
    ":" 
    + 
    ( 
    min 
    > 
    9 
    ? 
    min 
    : 
    "0" 
    + 
    min 
    )); 
   
    }, 
    1000 
    ); 
   
     1.要看过图在说话 
   
     2.问仔细到底有多少效果 
   
     3.最后将每个时间都算好，不要落下 
   
     4.清楚记得有多少图，别拉下 
   
   ------------------------------------------------- 
  
     1.在function中传参可以传递json，实例传递json，在方法中解  析获取json然后遍历这个json重新保存！ 
    
 2.localStorage.clear() 清空本地存储 
    
 3.写方法的时候要考虑全面，如果有的model没有定义而有的定义  了 就需要||来防止报错 
    
   例如：postdata = data.postdata || {}; 
    
    4.each方法 两个参数 第一个是数组或者对象 第二个是回调函数 
   
       例如： $.each( [9,1,2], function(i, n){ 
   
                 alert( "Item #" + i + ": " + n ); 
   
             }); 
   
       n为数组的实际值，i为数组的角标 
   
     5.选择出了当前的元素其他元素的方法  
   
       $('#id').siblings()   当前元素所有的兄弟节点 
   
       $('#id').prev()       当前元素前一个兄弟节点 
   
       $('#id').prevaAll()   当前元素之前所有的兄弟节点 
   
       $('#id').next()       当前元素之后第一个兄弟节点 
   
       $('#id').nextAll()    当前元素之后所有的兄弟节点 
   
       $('#Hr_tab li').not($(this)).removeClass('onolo')； 
   
     6.img使用的时候有时候会出现多出来2像素的白边 这时候就需要将img变成display-block属性 
   
     7.做网页的时候应该先将网页的各页面路由功能完成，将文件夹搭好，在进行代码编辑 
   
     8.判断有class ------ 
      
    is(‘.classname’) 
   
    9.在调用 alert.dialog.confirm（‘你要提示的内容’，‘点击  确定后执行的函数’）
    例如：alert.dialog.confirm（‘你的手机号不正确’，  function(){ ...}) 
   
    10.$.fn是指jquery的命名空间，加上fn上的方法及属性，会对jquery实例每一个有效。 
    如扩展$.fn.abc(),即$.fn.abc()是对jquery扩展了一个abc方法,那么后面你的每一个jquery实例都可以引用这个    方法了 
   
       例如： 
    $.fn.hideloading=function(){
return this.each(function(){
var $this=$(this);
$this.find(">.loading").hide();
})
} 
   
   ----------------------------------------------------- 
  
     1.nav部分的链接不可选中 
   
     2.公司名称等重要信息要重新确认一遍 
   
     3.title要有小图标 
   
     4.文本内容也要浏览一遍 
   
     5.各个按钮的hover效果要确认一遍 
   
     6.开发之前不确认的内容部分，再上线之前要确认好 如：公众号的二维码 
   
     7.百度搜索之后的tittle需要变成什么样子，提前说好 
   
     10.制作网页找好最宽尺寸content部分居中显示用来适应其它设备 
   
     ----------------