var t = $(obj).parent().siblings(0).val();

“The obj (save button) has a parent (a div)… go find it. This object has one or more objects on the same level of the DOM tree… I want the first one. And grab the value of that object.”

// hides every other <p> on the page $("p:odd").hide();

// place a username and password input field on the page <input type=text id="username"> <input type=password id="pass"> // call a server-based PHP file that will process the information passed to it $.post("myFormProcessor.php", {username: $("#username").val(), password: $("#pass").val()}); // conversely, this PHP file could also return information to the function, from which // you could process the results $.post("myFormProcessor.php", {username: $("#username").val(), password: $("#pass").val()}, function(data){ // the data variable contains the text returned from the server, you don't // have to set anything up ahead of time, jQuery will do it all for you if (data != "ERROR") $("#responseDiv").text(data); } );

What does this mean? Well, based on the ability to load any Web page, and then parse it with jQuery, you have at your hands a very effective and easy-to-program page scraper, from which you can gather any type of information from any page.

// In this example, each row in a table will get a red background when // the mouse moves over it and a white background when the mouse leaves. $("tr").hover(function(){ $(this).css("background","#0000ff"); }, function(){ $(this).css("background","#ffffff"); });

attr(name)

// will change the image source, and the image displayed on the page will change $("img").attr("src", "myimage.jpg");

$("p").css("background", "#ff0000");