Simmons University
jQuery Exercise for After Assignment 1 – first part – Practice with selectorsAt the bottom of the page is an html file, which is also available as jQueryDemo7 at You are going to write a jQuery script which modifies a page after it is “ready”. I strongly suggest that you implement one item at a time.Here’s what your jQuery script in is going to do:Make the paragraph with id tedious2 be in blue.Make everything of class bigDeal in larger font.Make the unordered list inside the bigDeal div bold.Make any paragraph which has a style attribute into bold.Make any paragraph which has a style attribute setting the color to green into large font.Make the unordered list at the bottom of the page such that if there is an anchor/link inside a list item then the text inside the opening and closing anchor tags is bold.Add onclick event handlers to the two buttons so that they do the advertised thing to the text in the form.You may add classes and id’s but you should try to add as few as possible.I remind you that a list of all the selectors may be found at You should make use of at least the following kinds of selectors:ElementClassIdNested (one within another)Attribute appearingAttribute appearing with a particular value.Code is on the next page:<!DOCTYPE html><html lang='en'><head> <meta charset='utf-8'> <title>jQueryDemo7 PuttingjQuery to work</title> <style> .red { color: red;}.blue { color:blue;}.big {font-size: 1.5em;} </style> <script src="jquery.js"></script> <script> </script></head><body><h1>My main heading</h1><p>This is my first tedious paragraph.</p><p id='tedious2'>This is my second tedious paragraph.</p><p style="color:green;">This is my third tedious paragraph.</p><p style='font-weight:bold;'>This is my fourth tedious paragraph.</p><div class='bigDeal'><p>Interesting and important stuff</p><ul>Interesting things about Simmons College<li><a href=''>Simmons College official site</a></li><li><a href=''>My favorite department</a></li><li><a href=''>Boston for college!</a></li><li>And furthermore there are a huge number of jobs in computing!</li></ul></div><h2>Go Simmons!</h2><div class='other'><ul>For practice<li>Item1</li><li>Item2</li></ul><br /><ul>Yet more interesting things about Simmons College<li><a href=''>Simmons College official site</a></li><li><a href=''>My favorite department</a></li><li><a href=''>Boston for college!</a></li><li>And furthermore there are a huge number of jobs in computing!</li></ul></div><form id = 'funkyForm'><p>Boring nonsense.</p><input type='button' value='Make it red!'><input type = 'button' value= 'Make it blue'></form></body></html> ................
................
In order to avoid copyright disputes, this page is only a partial summary.
To fulfill the demand for quickly locating and searching documents.
It is intelligent file search solution for home and business.
Related download
- computer science engineering
- cascading style sheets pace university
- guide for aid 98 authors using word 6
- javascript and html forms pace university
- step 1 update the system tables skyward
- slide show university of delaware
- cds connect pilot final report
- workforce optimization model data inputs calculations
- simmons university
- using byid to change style
Related searches
- university city education foundation
- city university high school memphis
- why this university essay sample
- university city schools mo
- university of minnesota education department
- university school district jobs
- university city high school mo
- university city public schools
- university city st louis
- simmons curve memory foam mattress
- simmons homes tulsa ok
- simmons homes in owasso