Using jQuery change the font weight and color of paragraphs on mouseenter and mouseleave

We are building EduLadder(ELADR) - Protocol

The Eladr Protocol is a decentralized, security and efficiency enhanced Web3 noSQL database powered by IPFS as the data storage layer https://ipfs.io/, and the Cardano block chain as the rewards token platform, https://cardano.org/. It provides a JSON based, IPFS layer 2 solution for data indexing and retrieval in an 'append only' file system built with open source Node.js API libraries.

The ELADR token was designed to incentivize and reward community members as a proof of contribution. Token holders are also granted access to EduLadder.com premium features as well as associated ELADR token enabled apps.

WHITE PAPER Buy Now Try BETA

Real Problems! Real Experts!

Join Our Telegram Channel !

The Eduladder is a community of students, teachers, and programmers. We help you to solve your academic and programming questions fast.
In eduladder you can Ask,Answer,Listen,Earn and Download Questions and Question papers.
Watch related videos of your favorite subject.
Connect with students from different parts of the world.
Apply or Post Jobs, Courses ,Internships and Volunteering opportunity. For FREE
See Our team
Wondering how we keep quality?
Got unsolved questions? Ask Questions

GATE GMAT CBSE NCERT Career Interview Railway UPSC NID NIFT-UG NIFT-PG PHP AJAX JavaScript Node Js Shell Script Research

Every-day-code-->View question

Using jQuery change the font weight and color of paragraphs on mouseenter and mouseleave .

jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.

Here is my fiddle editor :
https://jsfiddle.net/Jaynil1611/ue28gzj9/

You can try editing in this
Assume any paragraph on your own .

Asked On2019-06-28 05:21:35 by:Jaynil-Gaglani

Taged users:

Likes:
Be first to like this question

Dislikes:
Be first to dislike this question
Talk about this Like Dislike

View all questions

Answers

<!DOCTYPE html>

<html>

<head>

$(document).ready(function(){

$("p").hover(function(){

$(this).css("background-color", "yellow");

}, function(){

$(this).css("background-color", "pink");

});

</script>

</head>

<body>

<p>Hover the mouse pointer over this paragraph.</p>

</body>

</html>

Answerd on:2019-06-28 Answerd By:avi738

Likes:
Be first to like this answer

Dislikes:
Be first to dislike this answer
Talk about this Like Dislike

solution of the code challenge-Using jQuery change the font weight and color of paragraphs on mouseenter and mouseleave .

https://jsfiddle.net/pb7a6o2r/

Answerd on:2019-06-28 Answerd By:Gaganpreet-Gandhi

Likes:
Be first to like this answer

Dislikes:
Be first to dislike this answer
Talk about this Like Dislike

<!DOCTYPE html>

<html>

<head>

$(document).ready(function(){

$("p").hover(function(){

$(this).css("background-color", "yellow");

}, function(){

$(this).css("background-color", "pink");

});

</script>

</head>

<body>

<p>Hover the mouse pointer over this paragraph.</p>

</body>

</html>

Answerd on:2021-12-28 Answerd By:Akhil-Dev-D

Likes:
Be first to like this answer

Dislikes:
Be first to dislike this answer
Talk about this Like Dislike

Java Script code to change font weight and color of paragraphs on mouseenter and mouseleave .

$( "p" )

.on( "mouseenter", function() {

$( this ).css({

"background-color": "red",

"font-weight": "bolder"

});

})

.on( "mouseleave", function() {

var styles = {

backgroundColor : "#ded",

fontWeight: ""

};

$( this ).css( styles );

});

Answerd on:2019-06-28 Answerd By:KAPILJHADE

Likes:
Be first to like this answer

Dislikes:
Be first to dislike this answer
Talk about this Like Dislike

Lets together make the web is a better place

We made eduladder by keeping the ideology of building a supermarket of all the educational material available under one roof. We are doing it with the help of individual contributors like you, interns and employees. So the resources you are looking for can be easily available and accessible also with the freedom of remix reuse and reshare our content under the terms of creative commons license with attribution required close.

You can also contribute to our vision of "Helping student to pass any exams" with these.
Answer a question: You can answer the questions not yet answered in eduladder.How to answer a question
Career: Work or do your internship with us.Work with us
Create a video: You can teach anything and everything each video should be less than five minutes should cover the idea less than five min.How to upload a video on eduladder

Welcome to Eduladder V 4.0

Ads

Using jQuery change the font weight and color of paragraphs on mouseenter and mouseleave .

Similar Questions

Notes