Jquery change text color on click animate({ height: 250 }); BUT, you cannot animate color, sorry. How to change the text color of the clicked row of table with css and jquery. How do I specify what color to use instead of yellow for highlight? Mar 27, 2012 · Yes. ButtonClicked { background-color:red; } And then add the class on click: $('#ButtonId'). If the checkbox is unchecked after Mar 22, 2015 · color in css means font color, as your text box is empty, it will change the cursor in your text box to red, you have to pay attention to notice that. ready(function { $('#yes'). for example - If I have an HTML button and the button color is blue. This is what I have but it doesn't Mar 8, 2016 · on . How to change onclick using Javascript? Aug 1, 2016 · I would just create a separate CSS class:. However I would like to know how, using jquery, I can keep the colou Apr 25, 2011 · How about $('*'). ready(function() { $('#menu li a'). Dec 14, 2012 · Work with . With your markup you have to do: $('a#a_tbnotesverbergen'). This is a quick way to do it with jQuery: $('. This way you will have only the last clicked link colored black. css("background-color", "#ffffff"); Otherwise you're trying to set a css property on whatever string/number the . So all you need for your JS is this: $('#libdiv a'). Live Demo Nov 15, 2011 · Change text colour upon click jquery. Apr 10, 2024 · We can change the color of a button when we click on it using the :active pseudo property of CSS. 1. "saving" is something wholly different from changing paragraph content with jquery. Next, use an event listener on the button element to listen for a click. var str = $("p:first"). My jquery code: <script type="text/javascript"> $(document). ----Update----If my script looks like this: Jun 17, 2011 · am new to jquery. css("color","green"); //change text color instead of rt. The color css property is used to change text color. winning-col', this). To change the text alignment of an element, we will use css() method. T his property changes the color of the button when we click on the button. When I CTRL+C and CTRL+V the color of the button will change. You can then get the text in the cell and parse it as an integer (base 10). There's also the . click event. css(property) In the below example, first Apr 27, 2012 · I found I could change the color of all the statuses to Red using: $('. is it possible using jquery or should i look for some custom plugin? There are many ways the value of a <input type="text"> can change, including: keypresses copy/paste modified with JavaScript auto-completed by browser or a toolbar form reset I wa Jan 22, 2016 · I have a input box and a button. removeClass('selected'); $(this). To change the color of text using jQuery, we can combine the css() method with a click event. I have some some CSS that changes the color of my Validation text color. I'm going to make a map with around 40 Sep 24, 2013 · That means all your links can keep the libraryheader class, while you simply toggle a secondary class (selected, for example) that specifies their text color. i'm getting these colors from database. Jul 6, 2016 · jquery - change text color. css("color", "green"); }); The following tutorial shows you how to do "jQuery change color of the selected text dynamically on click of button". addClass('className'); and in the CSS Jul 3, 2014 · Through the text property in jQuery that changes the inner text of the <tag> $(document). try this, this javascript code Aug 30, 2012 · Change text colour upon click jquery. Alternate colors on click with jQuery. postread a'). Enumitem package question text in new line, with no indentation in whole paragraph Jul 17, 2013 · The first click will add the class (making the background color blue), and the next click will remove the class, reverting it to whatever it was before. Is it possible to change the color of a button by clicking the same button? Aug 30, 2017 · jQuery Change Color on click. Fir W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Change text (label) with Dec 8, 2010 · I just did this: create a new theme with the new colour button; copy the . Using css $(this). JQuery Change text color. Oct 26, 2009 · Ask questions, find answers and collaborate at work with Stack Overflow for Teams. I'm relatively new to jQuery so it might be a simple task but I've looked wide for a solution but with no luck so far. So you'd better replace it with $("input[type='text']") Feb 17, 2020 · To change the text color with jQuery, use the jQuery css() method. solution to change color without Jquery : inline style or add class to Jul 18, 2013 · Ask questions, find answers and collaborate at work with Stack Overflow for Teams. The idea is to change the text in a span but preserve the inner HTML and event bindings. css('border-color', 'lime'); }); Apr 28, 2013 · $(document). stopPropagation(); }); I included the call to "stopPropagation()" to make sure that everything Aug 2, 2016 · In a table, I need to change the color of all the text of the row that is clicked, something like this without the background color. Jul 29, 2011 · $('a'). There is also the input event which fires whenever the textbox updates without it needing to lose focus. I have been t Nov 30, 2009 · When i click on a row i want to change its background color and i did like this: function SetBackgroundColor(rowId) { $(rowId). animate function, i. This method is also can be used for changing the color of the icon. 0. However I would like to know how, using jquery, I can keep the colou Jul 28, 2015 · Here I want to use jQuery to change the text of the span when I click on You can change the text of the span on the click event - $('#trashico'). Problem: I need to change an entire column's background color if specific text is in the header td. To change the color of the icon, we will use a jquery method. Change "onclick" call dynamically using jquery. css jQuery's highlight method will highlight any div with a yellow background. GroupPosts){ @Html. Here is the JavaScript code: $("#click-me"). Ask Question Asked 8 years, 6 months ago. Oct 19, 2015 · Learn how to change the color of a label using jQuery with practical examples and code snippets. ActionLink("Vote u Hi, Im very new to jquery. I want to develop a page where I can change Jan 25, 2016 · There is one related question, but it is more advanced than this. next(). my problem is : can't change 'input:text' background color with jquery when run focus event . each to loop through all the table cells. Feb 27, 2012 · How can I change the text of an option with jQuery? I'd like to change Newest with Oldest in an option is a <select> element. Sep 12, 2024 · In this article, we will see how to change the text alignment of an element using jQuery. Nov 2, 2013 · I am a jQuery beginner and want to achieve the following - whenever I click on any element of the page, I want the color of the text inside it to be changed to red. Is there a better way to do this in jQuery? HTML/jQuery <html> <head> The following tutorial shows you how to do "jQuery Change colour of text on click". Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. I would like to make toggle buttons so when I click on btn-test1, the path1 will be fill="#000" and the others "#FFF". If you really want to give some visual feedback to user, you should change background-color not color – Jun 29, 2013 · And I want to be able to test a background color change to whatever control is of that class on a button click: function setColor(someColor) { jQuery('. Feb 26, 2024 · We can utilize both the jQuery click() and css() methods to change the color of the first line of text. Sep 7, 2011 · I have a navigation menu within a . Sep 6, 2019 · In this article, we will see how to change the text alignment of an element using jQuery. Modified 8 years, 6 months ago. i have some colors inside of a div. Will check more thoroughly next time before I ask! My code is now: Jan 8, 2013 · First you need bind a click event to "btn" CSS class using a jQuery selector, this will allow you manipulate all of the buttons at once. stileone> when the event 'click' occurs, then you reference to your <div. Change font color on click. click(function(e) { $(this). The first call is to . How to change color of text when it is clicked. Sep 18, 2010 · I have table which class is forum. Jun 22, 2010 · I am trying to change the color on text on hover using Jquery. Example. Change text with onclick then change back. Here is my HTML: <div cl Sep 4, 2016 · When I do document. I have a link that execute ajax call and on success I need to change clicked link text or color. Feb 3, 2019 · Here I have given your button the class color-btn so it can be targeted using jquery easily, and have also given your text box the class input-color. Jan 19, 2010 · I'm new to JavaScript. $(this). Thanks. stileone> object within the function with $(this). The fiddle is working in a way that on click of the 2 square boxes, another box appears at the bottom. Here is my JQuery code: $(document). I am simply trying to use jQuery to change both the background color and text color of the button holding my footer. css('color', 'black') $("input[name=ans]:checked"). testThing'). status'). 3. Changing Text Color On Click. Feb 24, 2014 · You should start by reading the manual -> https://learn. click(function(){jQuery(this). css('color', 'pink'); Each function call, even in jQuery, is still separate. Unlike key events it also works for pasting/dragging text. uniform. preventDefault(); $(this). Repeat! In terms of the two CSS classes you already have, I would change the . If you have information that is saved on the server then you are no longer changing the content of a paragraph, you are drawing a paragraph with Aug 5, 2016 · First, you need to find the element that you want to change colors for by using document. text($('td. length). Im trying to do it so when you click on "contact" the contact text will change to "close". It will have a different title depends on a page. Upon click, one of the li tags within the ul tag's text changes colour. Change background colour and text colour on click. So I want the toggle effect like the show and hide; but I'm cluless on how to do it with an icon. When I click the div, the p's text changes to 'Expand it'. Is addClass/removeClass more efficient/debatably better? jsFiddle Sep 27, 2011 · Thanks for contributing an answer to Stack Overflow! Please be sure to answer the question. With this Jquery code, We can change color of any element by class or ID, color, background color etc. style. Used addEventListener() instead of attribute event handler. bind("mouseover", function(){ var Apr 7, 2017 · $(document). I want if I click it that the font color of the tr is changed. html('The text has now changed!'); $("#test"). on('click', function(e){ e. So for example, we could use the hexadecimal value for green to change the background color to green. Feb 26, 2024 · The second argument can be any valid css color. You can check the full source code and open it in another tab using the links. it finds the closest parent, you can use next() method, try the following: Get the first element that matches the selector, beginning at the current element and progressing up through the DOM tree. I have a button in my code. css('color', 'green'); } May 7, 2015 · I know I butchered this :/ I'm trying to make it where my header tags will change onclick. The second is to . 4. css({'background-color':'red})}); Hope it helps. foreach (var m in Model. . fade2 and then . val(x). You can also set the color of the empty space in the progress bar, the space to the right of the value bar. Next find the previously selected button, remove the selected class and add the regular class. I have an h1 with id of toptitle that is dynamically created, and I am not able to change the HTML. Asking for help, clarification, or responding to other answers. When someone clicks on a "radio button", the text should be updated in a certain HTML element. click(function() { $("#T4"). val() == "female"); }); input:disabled { background-color: green; } Jul 16, 2015 · I'm very new to jquery and am trying to change the page background colour once a button is clicked. Thus, any input element with the class input-color will be able to change color when your button is clicked. Change text color when clicking. Anyway, changing the color this way is a really bad approach. Jan 17, 2017 · Stack Overflow for Teams Where developers & technologists share private knowledge with coworkers; Advertising & Talent Reach devs & technologists worldwide about your product, service or employer brand Sep 25, 2009 · the jQuery UI progressbar creates a div within your div; this inner div represents the value bar. Live example - JS Feb 11, 2014 · I have a contact form on my site which have text that starts light grey, on click I have it set up so it changes colour but when I tab it doesn't. May 23, 2018 · Jquery Change text of a button on click in a table. Mar 20, 2015 · Jquery's . – Mar 7, 2017 · I am new to jQuery and I need help. animate({left: '100px', top: '100px'},500); Mar 15, 2012 · Jquery DIV click color change. addClass('selected'); }); Also, your CSS is redundant. How to change the outline color with a click. hard. toggleClass() function but with no luck. I have a "contact" button which toggles a box open and closed. I think my code is right but it is now working. highlighted on and off: Jun 25, 2013 · Select text, and click button to change selected text color. val() call returns, and NOT on the actual page element that the value's coming from. click(function() { $('p'). I would like the color to change to green when a checkbox is checked. I have searched and there are a quite a few questions on similar things, but I'm looking for an Sep 7, 2011 · I have a navigation menu within a . And toggleClass adds/removes the class every time the Event is triggered. It just so happens that in jQuery each function call of this type returns a jQuery object on which you can call more Jan 30, 2014 · I have a div with a p inside it that says 'Fold it!'. When the click executes, the p element will change its color to blue. if i click on any one of color it should affect on another div's background color. and . click(function() { $(this). Changing background color on click. text() to change the text. The button is just an example for on the event of color change, the color change can come from anything like class events,. fade3 etc. uniform library. color = colorOff; Does nothing and I see in console that the colors of colorOn and colorOff are different from one another and the background color of the button. text('green text'); try this updated ans in condition Sep 16, 2011 · I search for a way to change the font color of a tr with jQuery. Then when you click on "close" it will change back to "contact". But if I right-click copy-and-paste, the button doesn't change color. ready(function() { $('. click(function (){ $(this). This shows how to change link colors when you mouse over the link, but you can easily extrapolate for your specific situation: Javascript Change Link Text Color onmouseover Ottomanlast has a good point about checking out jQuery to help you out with this task (although it can be done without the use of a library). I used this: $('#documentsTable tr'). box'). Specifically the $. Changing text color onclick and change back for other items. Here is a link to my jsfiddle JS FIDDLE. html(str); Test Paragraph. click(function() { $("myprojects_text"). css() method is because there are other calls that modify the value of the radio button. css(property) In the below example, first Jul 30, 2017 · If you click on ball number 3 the text will change its color, then if you click on ball number 2 the text color won't change; after that, if you click on ball number 4 the text will change its color, then if you click on ball number 3 the text color won't change (I think you get what the problem is) What am I doing wrong? Mar 29, 2014 · i am trying to create a navigation menu as shown below. $('select option:contains("Newest")'). fade1 to change from color: #000, font-weight: normal; to color: #F00, font-weight: bold for five seconds then return to normal; followed by . Sep 27, 2011 · $("#lstCodelist"). replaceWith would not work for me. hover(func $("input[name='sex']"). use this $("#result"). how to change the text color using using Mar 13, 2013 · If you only want to change the color of "Click here" and you absolutely must use JS, then you can do: JQuery Change text color. win', this). Is it possible to put red text color the object (from the class) that I click/select and put all the other objects (from the class) in black text Jul 25, 2016 · Yesterday i has similar problem . Basically, you can set a global colors array, and then set a data attribute on each link, as well as a max attribute, then on every click the background color will jump to the next color until it hits its max then it restarts the cycle. Hi, Im very new to jquery. I have searched and there are a quite a few questions on similar things, but I'm looking for an Jun 8, 2014 · I stuck in very simple situation. getElementsByTagName("button")[0]; and store it in a variable. attr("disabled", $(this). I have two buttons and I would like for each one to change the background color and text color on click. For click you'll need JavaScript if you want to maintain the state, hover is OK with CSS. How can I make so when I click the div for the second time it will change back to ' Feb 24, 2011 · You can use the following. jQuery- change text color on button click. Apr 21, 2022 · In fact, I have 2 boxes, id named box1 and box2. The css() method is used to change the style property of the selected element. ready(function() { $("#T4"). Now presentation is completely separated from code. how do i get my javascript to change the color of selected anchor tag menu. Mar 8, 2014 · $('#cd'). Feb 18, 2016 · What you're stating right now is to change the text color of the div. css("color","green") }); however you might condider reading up on $("blah"). prop('value', 'Show'); }); }); Now what I'm trying to do is that, I have this button with text "Hide" and when it is clicked it changes it's text to "Show". text('Come on!'); If this is not possible for you I have another advice because others already mentioned your problem with $(this) in the given context. $(document). ready(function() { var myprojects_button = document. What does "CLICK IN" and "CLICK OUT" mean on a score? If all you're looking to do is change the text you could do exactly as Kevin has said. If I click the button, the button color should be red. click(function { $('#libdiv a. (See documentation. Mar 8, 2011 · This is an improvement I've made to the jquery. jQuery css() method this method is used to change the styling of a particular selector. So, when I click for the first time the icon changes from down to up but obviously when I click "click_advance" again the icon doesn't change back. I've developed a page using JavaScript in such a way that when I select a color it is applied to the whole page as a background. css("background-color", "#000000"); } but i don't know why it doesn't work. forum'). To set the color of the bar, set the background of the child (inner) div. I want these effects to happen on page load and not triggered by mouse click or hover. Test Paragraph. soft gradient files from the new theme images folder; rename them so as to not confuse them with the main theme; and finally add the style to the button. Hot Network Questions I'm trying to toggle the width of a div with a button. The result is illustrated in the iframe. navContainer css div. nonhighlighted class to apply to all rows of the table by default, then toggle the . ie for all "Received" set color to red and for all "Paid" set color to green. click(function(){ $("#p1"). changeText('Oldest'); . For that you need to use Here is an example of dynamically setting pseudo-element styles using jQuery – it's a matter of creating a <style> element, setting its text content to the desired style declarations, and appending it to the document. ) This is so useful, it is worth putting it in an answer. Switch text and background colors on click. update() function. I am using J-query. I am using the jquery library to create my project. change border color on click. HTML <script type="text/javascript"> $(function() { Aug 10, 2015 · You can use this to get the clicked item in order to change the CSS color. If it is less than 5 you can change the css color to be whatever you want. jquery. My JQuery doesn't seem to like the reference to the ta Feb 11, 2017 · I've done a simple test svg-image. I've defined a class (item1) for a set of objects. css("color", "#00FF00"); Using jQuery to Change the Color of Text with a Click. e. css("color","green") "directly" on JQuery can slow things down as project gets Mar 10, 2016 · function changeColor () { $("input[name=ans]"). val('Changed Value') // update the text input value }); Sep 18, 2009 · Note that change will only fire when the input element has lost focus. Here is my code var colorpickerOptions = { select: function (event, color) { var color_in_hex_form Jan 28, 2010 · Sorry the problem is me! the was out of sync but this was because I have the HTML text the wrong way around. There is an icon in the last cell of every tr. text("your new text here "); } Share Dec 12, 2013 · the problem is that it changes the select text color only when I click on any object outside select box, however I need that color be changed just I select new option value. The JQuery code whic And in jQuery I have created this function to change the text of the same button when it is clicked. What am I missing? Here is my jQuery code: Aug 29, 2012 · jQuery- change text color on button click. css() to change the CSS. Oct 10, 2019 · I'm still kind of a newbie at Jquery, I'm trying to change a text color if it detects the text color code changed to #28a745 and I can't get it to work. Script Jul 5, 2016 · Using jQuery to change background color on click. addClass() as it will help DOM load faster. Aug 30, 2009 · $('. I also tried the . on(). live('click', function(){ but it is for clicking on the whole row. Provide details and share your research! But avoid …. I have provided a simplified fiddle of what I am trying to achieve. css('color','red'); But I think the best way if we creates a class for them , because it's possible, that he/she need to modify other parameters too. Is there away to detect if the user has used the tab button to get into the field instead of a click and cover this instance too. val('dasf'); // update the value of submit button $('#dsf'). The red boder is not persisting in the text box Jun 6, 2012 · Trying to change the border-color with jQuery . My design: Click box1 => check box2 background color, if it is black, change it white, else change black. Jun 9, 2009 · I had to include "jQuery Color" for this, which is also in the jquery docs ("(For example, width, height, or left can be animated but background-color cannot be, unless the jQuery. The same code is not working for me. html()); However I'm unsure how to set a status color based on its text. But if you're trying to run an animation as well as change the text you could accomplish this by first changing the text then running your animation. I want to change the button color after clicking on the same button. If you need to save changes you will have to write them to your server somehow (likely form submission along with all the security and input sanitizing that entails). I wish to change the color using a click event. 10. on click of this radio button , I need to change text color like No . Desired effect would be clicking 'Big' makes the div width 100% and the button reads 'Small' to reduce the div back to 50%. color = colorOn; I can't set the color of strId to anything else once it's been set. For our group project in University, we are making a mobile application which creates notes in which you can add title, content and so on. If that's what you want, then make sure you're selecting the correct element. $("#p1"). On the first click I want the div to fade out and the text to say "Show Text". Aug 25, 2013 · I just want to use a simple checkbox, for example, a checkbox with 'Please check this' next to it, then when it's clicked the text changes to 'Checked' Jul 15, 2021 · I was trying to achieve this somehow using the jquery selectors and . How can I change the colours of text on click. Dec 27, 2017 · Problem If the checkbox is checked the font color of the buttons are changing to blue, but if i click one of the other 2 buttons the font color is still orange. Mar 14, 2019 · On this jsfiddle, I want to change the color of the icon to red once its been liked(on 'unlike') and set color to black if its on 'like': HTML Sep 28, 2013 · You can animate css properties using jQuery . css("color", "red"); Also I could get the value of the first one by: alert($('. In this case the CSS things will be in the CSS ( and the color is that) , and Jquery using only a class for them . I want this variable to be randomly chosen between two strings, either 'lime' or 'r Sep 24, 2013 · But what is happening is that if I click the submit button without any value in the text box then the border color of the text box is set to red momentarily. Syntax: $(selector). live() and . document. css("background-color", "#ffffff"); should be $("#lstCodelist"). Color plugin is used)"). text(); $("p:last"). ready(function () { $('. Apr 25, 2011 · How about $('*'). So, if someone clicks the link - you can color all other links of this class to gray - then, you can color the clicked link into black. What is the best way to manage this? Best regards. Change color text on click. attr("value") part which sometimes does extra magic that i don't totally understand - but it does stay up to date. I tried getting the header with: $('td:contains Feb 8, 2024 · In this article, we will see how to change the color of the icon using jQuery. attr('style','color: green;'); }); This should do the trick. Change html onclick value with jQuery. how to make it? ex: Dec 7, 2012 · I am having trouble changing the "text" between an HTML tag using jQuery. Jul 7, 2016 · I have an html button that when the user clicks the button it will change color from blue to red and back. For Example: $("#test"). Feb 13, 2013 · li:active { color: green; } if you want it to change color and remain in that color - JQuery $("li"). getElementById("myprojects_button"); $(myprojects_button). jQuery("#select1"). So : $('a'). selected'). on('click',function(){ !$(this After seeing Toggling button text in jquery this question, I tried to re create it in my situation but can't seem to have it work. css('background-color', someColor); } But I want the user to be able to reset to the original color (another button click) based on what the class has: May 22, 2013 · When I do this and click the link, it just “fade” out the text and icon all together, doesn’t even change the class. You bind an event on your <div. 2. May 13, 2014 · I am trying to use jquery colorpicker to change text color of the selected text from a div. Nov 30, 2012 · JQuery change text on click (Also change back) 2. The click on function is working fine with the background color, but the text is not changing colors. – May 31, 2018 · I have a fiddle which I have replicated by seeing the screenshot below. Update my answer to put handler on each Feb 21, 2016 · I am new to jQuery and I have read through threads on this topic, but I am having some trouble understanding the logic and after re-writing my code, I'm still unable to get it to work. getElementsById(strId). Now when it is Profile, I want to change it to How to change the color of a text on click in jquery/javascript? 0. bind() are what you want. Try Teams for free Explore Teams Dec 1, 2016 · CHANGES. You can use div:active { /* style */ } for a click and hold style but it will disappear after mouse up. how to change the text color Dec 22, 2010 · Change the click event in jquery. Jquery DIV click color change. Try Teams for free Explore Teams Feb 5, 2016 · Stack Overflow for Teams Where developers & technologists share private knowledge with coworkers; Advertising & Talent Reach devs & technologists worldwide about your product, service or employer brand Nov 21, 2014 · I want to change the font color of my div on the click of a button using javascript. text('new text'); and it will result in Oct 27, 2011 · I would like . In the note object, we Jul 5, 2016 · You didn't include jQuery (see how in How to add jQuery to JSfiddle) $(this) inside on click refers to the button, not the input. change(function() { $("#age,#phone"). Toggle span text on click with jQuery. how do i do it. com/ $('button selector'). change() won't change is until different events are fired, . Hot Network Questions Find the text in the first paragraph (stripping out the html), then set the html of the last paragraph to show it is just text (the bold is gone). I took the idea from acheong87 and changed it a bit. I've tried several different ways with no luck. add this and see if it works or not this works to change the text color . when i see this page has first result my problem in google , i think but my solution here that other programmer that have similar problem ,can easy to get Solution . If you want to change the background color, however, then use background-color instead of color. Here is the JavaScript code for changing the text color on clicking a button using jQuery. on('click', function { $('#change'). You can use . on('click Jan 6, 2016 · How to change color of div on link click and then when other link is clicked, another div changes color, previous is set to default color 0 Change link color on click Jquery I have a game I have been working on here, that will change a td you click on to a color dependent on a variable. How can I make the button change color when I right-click copy-and-paste? Fiddle. how can i change selected text color using javascript. You can try to run the following code to learn how to change text color with jQuery −. Hot Network Questions Jul 22, 2012 · closest() does not find a closest element to the selected element. Nov 28, 2015 · Learn how to change the background color using jQuery with this helpful guide. Hinged the color states upon the method classList() since everything is centered around classes. Do this by setting the background of the outer div. stopPropagation(); }); I included the call to "stopPropagation()" to make sure that everything Jun 22, 2010 · I am trying to change the color on text on hover using Jquery. css('color', 'red'); e. Feb 21, 2014 · I am using jquery knob knob on my site to create some nice visuals. Syntax: selectedHTMLElement:active{// CSS to change color} Example: The below code will explain the use of the :active pseudo property to change the color of a button on Oct 5, 2016 · hello Inside your condition I just added a jQuery code to change the text color. sngjle xnvmzj kkdyw ucrv aorjwwi ekcqdbn sojwjb ohob iqbep hgsqqk

Jquery change text color on click. css({'background-color':'red})}); Hope it helps.