Ashok's Programming World

Showing posts with label HTML. Show all posts

Friday, July 8, 2011

JQuery Tutorial–II : Basic CSS Selectors

Selectors in JQuery is used to select specific document objects like <body>, <h1>, <p>, <a> and many more. It’s use has made writing JQuery very easier and get the required DOM to have control over it.

Using Basic CSS Selectors

Any DOM element may have their unique ID or group of selctors may have a common class for styling. The ID selects unique element from the HTML DOM and class is applied for a wide selection. For eg.

<p id="myParagraph">
  This is the paragraph with ID attribute.
<p>
<p class="ourParagraph">
  This is first the paragraph with Class attribute.
</p>
<p class="ourParagraph">
  This is second paragraph with Class attribute.
</p>

For accessing these ids and classes of paragraph it can be done as :-

Customize your localhost Display

Have u ever thinked of getting your localhost display customized with the local projects being displayed with lots of other stuffs than simply “It Works” text. Here is a simple HTML, CSS and JQuery based localhost index page so that u can get urself dynamic…
1. First of all listing your local projects stored in htdocs folder or www(for wampp) is a great idea to get a look at your projects.

JQuery Based Game:- Quick Multiplication

This is a simple multiplication based game created using the JQuery Library. It uses the basic concept of html, css and JavaScript to create the layouts and logic needed for the game. The game uses the JQuery library for the easier accomplishment of the task and Karma Framework for the image and sounds loading. This is the game developed for the Class 6 for the deployment in rural villages by OLE NEPAL.

Objectives:-

To multiply the numbers with 0 at last quickly.

Description:-

Try to load your truck with all boxes giving correct answers to the all questions and win the race.