1. let val = $('#exGetValues').text();
2. $('#exPutValues li:nth-child(1)').text( val );
4. // .text([]) 将返回有序数组
5. val = $('#exGetValues li').text([]);
6. $('#exPutValues li:nth-child(2)').text( val.join('，')+'。' );
8. $('#exPutValues li:nth-child(3)').html('<i>—— 张爱玲</i>');

1. $('.exFadeShow').html("It's").append('<i class="gi icon-arrows-cw ga-spin ml-2">');
3. setTimeout(()=>{
4. $('.exFadeShow').fadeToggle(800,function(){
5. $(this).html('gQuery').fadeIn(800);
6. });
7. },500);

1. $('.exSlideShow > .header > .bullets > .bg-gold,.exSlideShow > .header > .bullets > .bg-green').off('click').on('click', function(){
2. let body = $(this).parent().parent().next();
3. if( $(this).hasClass('bg-gold') ){
4. body.slideUp(300);
5. } else {
6. body.slideDown(300);
7. }
8. });
10. // 事件委托
11. // $('.exSlideShow > .header > .bullets').off('click').on('click', 'span', function(){...});

1. var storageEx = [];
2. $.storage.remove('exampleData');
3. storageEx.push( JSON.stringify( $.storage.local() ) );
5. $.storage.set('exampleData',storageEx);
6. storageEx.push( $.storage.get('exampleData') );
8. $.storage.set('exampleData','gQuery');
9. storageEx.push( $.storage.get('exampleData') );
11. $.storage.push('exampleData','is');
12. $.storage.push('exampleData','a');
13. $.storage.push('exampleData','Smaller and faster modern JavaScript function library');
14. storageEx.push( $.storage.get('exampleData') );
16. storageEx.push( $.storage.get('exampleData','array').join(' ') );
18. $('#exStorageData').html( storageEx.join('\n\n') );

1. var cookieEx = [];
3. $.cookie.set('uid', 1);
4. $.cookie.set('gtoken', '1c591208a6b7ca72322cf159e606a2774c2ac62dc769b00292fedb2f205c9e2e', {expire:7, flag:'token'});
6. cookieEx.push( JSON.stringify( $.cookie.get() ) );
7. cookieEx.push( $.cookie.get('gtoken') );
9. $('#exCookieData').html( cookieEx.join('\n\n') );

gxz.el.show = function(opts){
    if(typeof opts !== 'object') {return 'empty object';}
    opts.el = ( typeof opts.el === 'object' ? opts.el : $(opts.el) );
    isNaN(opts.duration) && (opts.duration=500);
    isNaN(opts.wait) && (opts.wait=0);
    isNaN(opts.delay) && (opts.delay=0);

    opts.ani = ( (opts.top || opts.left) ? 1 : 0 );
    opts.top || (opts.top='0px');
    opts.left || (opts.left='0px');

    opts.el.css({'opacity':0});
    opts.el.each(function(){
        let _this = $(this);opts.css = {};

        if(opts.ani){
            opts.css.pos = _this[0].style.position || 'relative';
            _this.css({'position':opts.css.pos,'top':opts.top,'left':opts.left})
        }

        setTimeout(()=>{
            this.animate([
                {opacity: 0,top: opts.top,left: opts.left},
                {opacity:1,top:'0px',left:'0px'}
            ],opts.duration);

            setTimeout(()=>{
                _this[0].style.opacity = '';
                if(opts.ani){_this.css({position:'',top:'',left:''});}
            },opts.duration);
        },opts.wait);

        opts.wait += opts.duration+opts.delay;
    });
}

gxz.el.show({el:$('#exElShow .box'),wait:500,duration:500,top:'50px',left:'-50px'});