jquery – starter tutorial #2

If you have not checked #1, please check jquery – starter tutorial #1

This post will give more info on selectors and introduction to styles.

<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript">




<h1>India lives</h1>
<p>on families</p>
<p>and their savings</p>
<p>and their believes</p>
Whats is fake?:
<ul id="list">
<li>Worst Politics</li>
<li>Criminal Politicians</li>
<li>Highly paid corrupted and unskilled govt employees</li>
<p id="showAll"> <a href="javascript:void()">Show all elements </a></p>

Load this on the browser, click on the contents! See the jquery magic

$(“*”) selects all elements.

$(“p”) selects all <p> elements.

$(“p.intro”) selects all <p> elements with the class intro

$(“p#intro”) selects the first <p> elements with id=”intro”.

$(“:animated”) selects all elements that are currently animated.

$(“:button”) selects all <button> elements and <input> elements of type=”button”.

$(“:even”) selects even elements.

$(“:odd”) selects odd elements.


2 thoughts on “jquery – starter tutorial #2

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s