so

So.js ist eine vielseitige JavaScript-Bibliothek, die mit So erstellte DOM-, HTTP-, Event-, Animationsobjekte und Erweiterungen enthält.

DOM-Beispiel

 // set each '<p>' font size to '15px', wich has no 'foo' class
so . onReady ( function ( $ ) {
    $ . dom ( "p:not(.foo)" ) . style ( "font-size" , 15 ) ;
    // or
    $ . dom ( "p" ) . not ( ".foo" ) . style ( "font-size" , 15 ) ;
    // or
    $ . dom ( "p" ) . filter ( function ( el ) {
        return ! $ . dom ( el ) . hasClass ( '.foo' ) ;
    } ) . style ( "font-size" , 15 ) ;
} ) ;

Beispiel für HTTP (Ajax).

 so . onReady ( function ( $ ) {
    $ . http . get ( "/url" , { } , function ( data , /* client */ ) {
        console . log ( data ) ;
        /* console.log(client, client.request, client.response); */
    } ) ;
} ) ;

Veranstaltungsbeispiel

 // stop default actions of each <a> if 'href' is '#'
so . onReady ( function ( $ ) {
    $ . dom ( "a[href='#']" ) . on ( "click" , function ( e ) {
        e . stopDefault ( ) ;
    } ) ;
} ) ;

Animationsbeispiel

 // set each '<p>' font size animating to '15px', wich has no 'foo' class
so . onReady ( function ( $ ) {
    $ . dom ( "p:not(.foo)" ) . animate ( { "font-size" : 15 } ) ;
    // or
    $ . dom ( "p" ) . not ( ".foo" ) . animate ( { "font-size" : 15 } ) ;
    // or
    $ . dom ( "p" ) . filter ( function ( el ) {
        return ! $ . dom ( el ) . hasClass ( '.foo' ) ;
    } ) . animate ( { "font-size" : 15 } ) ;
} ) ;

Browserunterstützung (Desktop)

Firefox	Chrom	Oper	Safari	IE
4	5	11.6	5	9

Browser-Unterstützung (mobil)

Firefox	Chrom	Oper	Safari	IE	Android
4	✓	11.5	✓	✓	✓

Siehe Dokumentation hier.