carlosrojaso

$( "a" ).attr( "href" ); // Returns the href for the first a element in the document

carlosrojaso

$( "#myId" ); // Note IDs must be unique per page.
$( ".myClass" );

carlosrojaso

// The .html() method used as a setter:
$( "h1" ).html( "hello world" );

// The .html() method used as a getter:
$( "h1" ).html();

carlosrojaso

// Viewing the number of <h1> tags on the page.
 
var allHeadings = $( "h1" );
 
alert( allHeadings.length );

carlosrojaso

// Setting CSS properties.
 
$( "h1" ).css( "fontSize", "100px" ); // Setting an individual property.
 
// Setting multiple properties.
$( "h1" ).css({
    fontSize: "100px",
    color: "red"
});

carlosrojaso

// Returns "lots of extra whitespace"
$.trim( "    lots of extra whitespace    " );

var myArray = [ 1, 2, 3, 5 ];
 
if ( $.inArray( 4, myArray ) !== -1 ) {
    console.log( "found it!" );
}

<ul>

carlosrojaso

<ul>
    <div class="test"></div>
    <li id="foo1">foo</li>
    <li id="bar1" class="test">bar</li>
    <li id="baz1">baz</li>
    <div class="test"></div>
</ul>
<div id="last"></div>

var foo = $( "li" );

carlosrojaso

// Disable #x
$( "#x" ).prop( "disabled", true );
 
// Enable #x
$( "#x" ).prop( "disabled", false );

carlosrojaso

// Event setup using a convenience method
$( "p" ).click(function() {
    console.log( "You clicked a paragraph!" );
});

// Equivalent event setup using the `.on()` method
$( "p" ).on( "click", function() {
    console.log( "click" );
});

carlosrojaso

// The hover helper function
$( "#menu li" ).hover(function() {
    $( this ).toggleClass( "hover" );
});

// The toggle helper function
$( "p.expander" ).toggle( function() {
    $( this ).prev().addClass( "open" );
}, function() {
    $( this ).prev().removeClass( "open" );