jquery lab program 3

3. Using jQuery add a new class to an element that already has a
class
Aim: To add a new class to an element that already has a class
using jQuery.

Exercise3.html

<!DOCTYPE html>
<html>
<head>

<style type="text/css">
.w3r_background{

background-color: skyblue;

}
.w3r_font_color{
color:red;

}
</style>
<title>Excercise - 3</title>

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

<script type="text/javascript">

$(document).ready(function(){

$('p:last-of-type').addClass('w3r_font_color');

});
</script>
</head>
<body>
<p>

P.V.K.N. Govt. College was established in 1961 in Chittoor Andhra Pradesh on the sprawling campus far
from the madding crowd of 112 acoes.
</p>
<p>
The College is afliated to Sri Venkateswara Universityr Tirupati.. It has been accredited with ‘A’ grade by
the NAAC with 3.02 CGPA in the yeao 2017.

</p>
<p class='w3r_background'>
It has been fulfilling the aspirations of the marginalized
sections of the society of the Chittoor region by imparting value
based education and employability skills since its inception.</p>
</body>
</html>

output:-

 P.V.K.N. Govt. College was established in 1961 in Chittoor Andhra Pradesh on the sprawling campus far from the madding crowd of 112 acoes.
The College is afliated to Sri Venkateswara Universityr Tirupati.. It has been accredited with ‘A’ grade by the NAAC with 3.02 CGPA in the yeao 2017.
It has been fulfilling the aspirations of the marginalized sections of the society of the Chittoor region by imparting value based education and employability skills since its inception.

Comments

  1. Alfred Avina24 February 2020 at 08:44

    The main motive of the Automated big data engineering is to spread the knowledge so that they can give more big data engineers to the world.

    ReplyDelete

Post a Comment

Popular posts from this blog

6.Create a help file as follows using frameset concept

Image
6.Create a help file as follows : programs:- in this program u have to create two files  1.sub program : using hyper links concept <!doctype html> <head> <title>frames</title> <style>    //style section is optional in this program h1 { color:red; } </style> </head> <body> <h1 align="center" target="lab">contents</h1>        // here i'am using hyper links concept <a href="lab1.html" target="lab">1.text formations </a><br> <a href="lab2.html" target="lab">2.font formations </a><br> <a href="lists.html" target="lab">3. lists</a><br> <a href="frame2.html" target="lab">4.materials clacifications</a> </body> </html> output: - contents 1.text formations 2.font formations 3. lists 4.materials clacifications 2.program:- ...
Read more

2. Illustrate font variations in your HTML code.

2. Illustrate font variations in your HTML code? program:- <!doctype html> <html> <head>    <title>font variations in html</title> </head> <body>    <p>this is a paragraph</p>    <font color="red">     <font size="1">the size of the font 1</font><br>     <font size="2">the size of the font 2</font><br>     <font size="3">the size of the is 3</font><br>     <font size="4">the size of the text is 4</font><br>     <font size="5">the size of the text is 5</font></font><br> <font face="Ravie"><font color="green">hi this is a new font phase</font></font><br>  <font face="Arial Rounded MT">this is another font style</font>    </body> </html> output:- this is a paragrap...
Read more

jquery lab programs 1&2

1. Using jQuery find all textareas, and makes a border. Then adds all paragraphs to the jQuery object to set their borders red. Aim : To add border to textareas and give red borders to paragraphs. Exercise1.html <!DOCTYPE html> <html> <head> <title>First JQuery Page</title> <script type="text/javascript" src="jquery-3.1.1.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('textarea').css({'border-style' : 'solid','border-color':'blue'}); $('p').css({'border-style' : 'solid','border- color':'red'}); }); </script> </head> <body> <p> P.V.K.N. Govt. College was established in 1961 in Chittoor Andhoa Pradesh on the sprawling campus far from the madding coowd of 112 acres. </p> <p> The College is afliated to Sri Venkateswara Universi...
Read more