Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Code Block
languagecss
.funky {
    background-color: yellow;
} 

 

Add Class to Element

Code Block
$("#myID").addClass("funky");

...

Code Block
languagehtml/xml
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>

<style type="text/css">
    .funky {
        background-color: yellow;
    }
</style>

<script type="text/javascript" src="${pageContext.request.contextPath}/decorators/jquery-1.7.1.js" />

<script type="text/javascript">
    $(document).ready(function() {
        // put all your jQuery goodness in here.
        $("#myID").addClass("funky");
    });
</script>

</head>
<body>
    <p id="myID">Hello</p>
</body>

 

 

Implementation Examples

As jQuery implementations are done and production proven the lessons learned and methods used will be documented below,

Page Tree
root@self

References

Good Intro - http://www.catswhocode.com/blog/learning-jquery-the-basics