jQuery HTML/CSS Reference

HTML/CSS methods.

jQuery HTML / CSS Methods Reference

The following table lists all the methods used to manipulate the HTML and CSS.

MethodDescription
addClass()Adds class to elements
after()Inserts content after elements
append()Inserts content at end of elements
appendTo()Inserts elements at end of target
attr()Sets/Returns attribute value
before()Inserts content before elements
clone()Clones elements
css()Sets/Returns style attribute
detach()Removes elements (keeps data/events)
empty()Removes child elements
hasClass()Checks for class
height()Sets/Returns height
html()Sets/Returns content
innerHeight()Returns height + padding
innerWidth()Returns width + padding
insertAfter()Inserts elements after target
insertBefore()Inserts elements before target
offset()Sets/Returns offset coordinates
outerHeight()Returns height + padding + border
outerWidth()Returns width + padding + border
prepend()Inserts content at beginning
prependTo()Inserts elements at beginning of target
remove()Removes elements
removeAttr()Removes attribute
removeClass()Removes class
prop()Sets/Returns property value
scrollLeft()Sets/Returns horizontal scroll position
scrollTop()Sets/Returns vertical scroll position
text()Sets/Returns text content
toggleClass()Toggles class
val()Sets/Returns value attribute
width()Sets/Returns width

Example

$("p").addClass("blue");