Jquery Second Step
<!doctype html>
<html>
<head>
<meta charset=utf-8>
<title>Second Step of Jquery</title>
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js”></script>
<style>
.second_step { font-weight: bold;
color: green;
font-size: 24px;}
</style>
<script>
$(document).ready(function() {
$(‘li:first-child’).addClass(‘second_step’);
});
</script>
</head>
<body>
<ul>
<li>Item-1</li>
<li>Item-2</li>
<li>Item-3</li>
</ul>
</body>
</html>
……………………………………………………………………………………………………………………………………………………………………
<title>Second Step of Jquery</title> // just title message.
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js”></script> // U can download ur jquery version from jquery main site. or link to this way.
/* just declare a css class for ur real design */
<style>
.second_step { font-weight: bold;
color: green;
font-size: 24px;}
</style>
/* $(document).ready(function() => to write head section.
li: first child => first li of UL
.addClass => add a css class name.
*/
<script>
$(document).ready(function() {
$(‘li:first-child’).addClass(‘second_step’);
});
</script>