g11s2/myowncopy
Template
1
0
Fork 0
forked from technolyceum/g11-m2
Code Pull Requests Activity

added dom

Browse Source
This commit is contained in:
root
2025-11-20 17:25:11 +03:00
parent 50443223cd
commit 864bbef52d
353 changed files with 7926 additions and 2542 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
FromJavaScriptTojQuery-master/03-jQueryEvents/02-events_in_jquery/challenge_solution/script.js Executable file
View File

@@ -0,0 +1,82 @@
//waits until page is loaded first
$(document).ready(function(){
//applies colour red to paragraphs when clicked on
$("p").click(function(){
$("p").css('color', 'red');
});
//will add lightblue to h2 elements
$("h2").hover(function(){
$("h2").css('background-color', 'lightblue');
});
/*
this will apply larger font size to the active h2 element
by adding the h2_font_size class but
not the other h2 elements by removing class h2_font_size from them
*/
$("#hr_html").hover(function(){
$("#hr_mysql").css('font-size', '1em');
$("#hr_python").css('font-size', '1em');
$("#hr_jquery").css('font-size', '1em');
$("#hr_django").css('font-size', '1em');
$("#hr_css").css('font-size', '1em');
$("#hr_html").css('font-size', '2em');
});
$("#hr_mysql").hover(function(){
$("#hr_mysql").css('font-size', '2em');
$("#hr_python").css('font-size', '1em');
$("#hr_jquery").css('font-size', '1em');
$("#hr_django").css('font-size', '1em');
$("#hr_css").css('font-size', '1em');
$("#hr_html").css('font-size', '1em');
});
$("#hr_python").hover(function(){
$("#hr_mysql").css('font-size', '1em');
$("#hr_python").css('font-size', '2em');
$("#hr_jquery").css('font-size', '1em');
$("#hr_django").css('font-size', '1em');
$("#hr_css").css('font-size', '1em');
$("#hr_html").css('font-size', '1em');
});
$("#hr_jquery").hover(function(){
$("#hr_mysql").css('font-size', '1em');
$("#hr_python").css('font-size', '1em');
$("#hr_jquery").css('font-size', '2em');
$("#hr_django").css('font-size', '1em');
$("#hr_css").css('font-size', '1em');
$("#hr_html").css('font-size', '1em');
});
$("#hr_django").hover(function(){
$("#hr_mysql").css('font-size', '1em');
$("#hr_python").css('font-size', '1em');
$("#hr_jquery").css('font-size', '1em');
$("#hr_django").css('font-size', '2em');
$("#hr_css").css('font-size', '1em');
$("#hr_html").css('font-size', '1em');
});
$("#hr_css").hover(function(){
$("#hr_mysql").css('font-size', '1em');
$("#hr_python").css('font-size', '1em');
$("#hr_jquery").css('font-size', '1em');
$("#hr_django").css('font-size', '1em');
$("#hr_css").css('font-size', '2em');
$("#hr_html").css('font-size', '1em');
});
//applies colour black to body background when mouse enters over buttons
$(".bottom_button").mouseenter(function(){
$("body").css( "background-color", "black");
});
//applies colour grey to body background when mouse leaves buttons
$(".bottom_button").mouseleave(function(){
$("body").css( "background-color", "#eee");
});
});