jquery常用書き方単純記録

5371 ワード

久しぶりに書きました・・・あまり話さないで、主に記録して、最近やったプロジェクトで使ったjsの記録(特に簡単ですが)
一jquery常用書き方記録
   jQuery(this).addClass("select").siblings().removeClass("select");

    jQuery(this).parent().next('span').children('a').attr('href'); //      

    jQuery(this).parent().prevAll('.collgrid4w').children('.items').addClass('yk-v-sub-all');

    jQuery(this).parent().prev('div').show();


    jQuery("#yk-toolbar-con-list").scrollTop(0); //             

    jQuery("#yk-toolbar-con-list").prop('scrollTop',0);


   jQuery('#loadsubscribe_left_wenzi').delay(500).slideUp(800);//0.5  ,    

 
    jquery    dom              
    jQuery('#defaultuser_flag').length > 0  //    
    jQuery('#loadsubscribe_right_wenzi_recent').is(':visible');//    

    jQuery(this).find('div.num-dot-small')//       ,    div
    jQuery(this).find('div.num-dot-small:last').attr('data_date')//       ,    div                   

 
 $("div[id]")                       id    div   
 $("div[id='ajaxa']")           id   ajaxa   div    
 $("div[id!='ajaxa']")          id    ajaxa   div    
 $("div[id^='ajaxa']")          id   ajaxa     div    
 $("div[id$='ajaxa']")          id   ajaxa     div    
 $("div[id*='ajaxa']")          id   ajaxa   div   
 $("div[id][class='ajaxa']")     id      ajaxa  div   

 $("div[id][title$='ajaxa']")      id    title     ajaxa     div  

 $("#uid").find("div.item[statistic!='al']")
                             id=uid   ,   item div,  statistic     al   

 
  Safari (if( $.browser.safari)),  
  IE6      (if ($.browser.msie && $.browser.version > 6 )),  
  IE6      (if ($.browser.msie && $.browser.version <= 6 )),  
  FireFox 2      (if ($.browser.mozilla && $.browser.version >= '1.8' ))

 
二常用方法記録
UAメソッドの記録
    function getUA() {
        var Sys = {};
        var ua = navigator.userAgent.toLowerCase();
        var s;
        (s = ua.match(/rv:([\d.]+)\) like gecko/)) ? Sys.ie = s[1] :
                (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] :
                (s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] :
                (s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] :
                (s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] :
                (s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0;
        return Sys;
    }
    var browserVersion = getUA();
    if (!browserVersion.safari){
    }

getcookieメソッドの記録
    function getCookie(name)
    {
        var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");

        if (arr = document.cookie.match(reg))
            return unescape(arr[2]);
        else
            return null;
    }

    var uid = getCookie('_l_lgi');

resizeイベントレコード
    (function () {
        var fn = function () {
        var w = document.documentElement ? document.documentElement.clientWidth : document.body.clientWidth,
            r = 1280,
            b = jQuery(document.body),
            classname = b.className;
            if (w <= r) {
                b.removeClass('yk-toolbar-gte-w1280').addClass('yk-toolbar-w1280');
            } else {
                b.removeClass('yk-toolbar-w1280').addClass('yk-toolbar-gte-w1280');
            }
        }
        if (window.addEventListener) {
            window.addEventListener('resize', function () {
                fn();
            });
        } else if (window.attachEvent) {
            window.attachEvent('onresize', function () {
                fn();
            });
        }
        fn();
    })();

  
三注意事項
1.動的に生成された要素にイベントをバインドし、onを統一する
  $(document).on('click','#username',function(){})

  $('#username li').on('click',function(){})

   on             ,         ,  ,       ;

              id=username        ,         ,  ,      document

  
2.動的バインドの要素についてajax
  jQuery(document).on('click', "#yk-toolbar-con-update-rec .subscription_btn", function () {
       var button_jquery = jQuery(this); //    jQuery  
    var friend_uid_rec = jQuery(this).attr('userid');
    jQuery.ajax({
      xxx...
      success:function(){
        jQuery(this).html('xxx');//       ,       
        button_jquery.html('xxx');       }     })   }