Book Image

Learning jQuery 1.3

By : Jonathan Chaffer, Karl Swedberg
Book Image

Learning jQuery 1.3

By: Jonathan Chaffer, Karl Swedberg

Overview of this book

<p>To build interesting, interactive sites, developers are turning to JavaScript libraries such as jQuery to automate common tasks and simplify complicated ones. Because many web developers have more experience with HTML and CSS than with JavaScript, the library's design lends itself to a quick start for designers with little programming experience. Experienced programmers will also be aided by its conceptual consistency. <br /><br />Revised and updated for version 1.3 of jQuery, this book teaches you the basics of jQuery for adding interactions and animations to your pages. Even if previous attempts at writing JavaScript have left you baffled, this book will guide you past the pitfalls associated with AJAX, events, effects, and advanced JavaScript language features.<br /><br />In this book, the authors share their knowledge, experience, and enthusiasm about jQuery to help you get the most from the library and to make your web applications shine. The book introduces jQuery and shows how you can write a functioning jQuery program in just three lines of code. It then guides you through CSS selectors and shows how to enhance the basic event handling mechanisms to give them a more elegant syntax. You will then learn to add impact to your actions through a set of simple visual effects and also to create, copy, reassemble, and embellish content using jQuery's DOM modification methods. You will also learn to send and retrieve information with AJAX methods. The book will then step you through many detailed, real-world examples and even equip you to extend the jQuery library itself with your own plug-ins.</p>
Table of Contents (22 chapters)
Learning jQuery 1.3
Credits
Foreword
About the Authors
About the Reviewers
Preface
Index

DOM manipulation methods


DOM manipulation methods are discussed in detail in Chapter 5.

Method

Description

.attr(key)

Get the attribute named key.

.attr(key, value)

Set the attribute named key to value.

.attr(key, fn)

Set the attribute named key to the result of fn (called separately on each matched element).

.attr(map)

Set attribute values, given as key-value pairs.

.removeAttr(key)

Remove the attribute named key.

.addClass(class)

Add the given class to each matched element.

.removeClass(class)

Remove the given class from each matched element.

.toggleClass(class)

Remove the given class if present, and adds it if not, for each matched element.

.hasClass(class)

Return true if any of the matched elements has the given class.

.html()

Get the HTML content of the first matched element.

.html(value)

Set the HTML content of each matched element to value.

.text()

Get the textual content of all matched elements as a single string.

.text(value)

Set the textual content of each matched element to value.

.val()

Get the value attribute of the first matched element.

.val(value)

Set the value attribute of each element to value.

.css(key)

Get the CSS attribute named key.

.css(key, value)

Set the CSS attribute named key to value.

.css(map)

Set CSS attribute values, given as key-value pairs.

.offset()

Get the top, and left, pixel coordinates of the first matched element, relative to the viewport.

.position()

Get the top, and left, pixel coordinates of the first matched element, relative to the element returned by .offsetParent().

.scrollTop()

Get the vertical scroll position of the first matched element.

.scrollTop(value)

Set the vertical scroll position of all matched elements to value.

.scrollLeft()

Get the horizontal scroll position of the first matched element.

.scrollLeft(value)

Set the horizontal scroll position of all matched elements to value.

.height()

Get the height of the first matched element.

.height(value)

Set the height of all matched elements to value.

.width()

Get the width of the first matched element.

.width(value)

Set the width of all matched elements to value.

.innerHeight()

Get the height of the first matched element, including padding, but not border.

.innerWidth()

Get the width of the first matched element, including padding, but not border.

.outerHeight(includeMargin)

Get the height of the first matched element, including padding, border, and optional margin.

.outerWidth(includeMargin)

Get the width of the first matched element, including padding, border, and optional margin.

.append(content)

Insert content at the end of the interior of each matched element.

.appendTo(selector)

Insert the matched elements at the end of the interior of the elements matched by selector.

.prepend(content)

Insert content at the beginning of the interior of each matched element.

.prependTo(selector)

Insert the matched elements at the beginning of the interior of the elements matched by selector.

.after(content)

Insert content after each matched element.

.insertAfter(selector)

Insert the matched elements after each of the elements matched by selector.

.before(content)

Insert content before each matched element.

.insertBefore(selector)

Insert the matched elements before each of the elements matched by selector.

.wrap(content)

Wrap each of the matched elements within content.

.wrapAll(content)

Wrap all of the matched elements as a single unit within content.

.wrapInner(content)

Wrap the interior contents of each of the matched elements within content.

.replaceWith(content)

Replace the matched elements with content.

.replaceAll(selector)

Replace the elements matched by selector with the matched elements.

.empty()

Remove the child nodes of each matched element.

.remove([selector])

Remove the matched nodes (optionally filtered by selector) from the DOM.

.clone([withHandlers])

Make a copy of all matched elements, optionally also copying event handlers.

.data(key)

Get the data item named key associated with the first matched element.

.data(key, value)

Set the data item named key associated with each matched element to value.

.removeData(key)

Remove the data item named key associated with each matched element.