PROBLEM: we have a code like this: and we would like to use a jQuery selector to select the child img inside the div on click. To get the div, we got this selector: How can we get the child img using a $(this) selector? SOLUTION 1: The jQuery constructor accepts a 2nd parameter called […]
PROBLEM: How to Disable enable an input with jQuery SOLUTION 1: jQuery 1.6+ To change the disabled property we can use the .prop() function. jQuery 1.5 The .prop() function doesn’t exist, but .attr() does similar: To Set the disabled attribute. To enable again, the proper method is to use .removeAttr() In any version of jQuery […]
.attr() Get the value of an attribute for the first element in the set of matched elements. .prop() Get the value of a property for the first element in the set of matched elements. What is Attributes? Attributes carry additional information about an HTML element and come in name=”value” pairs. we can set an attribute […]
PROBLEM : Is there any way to select/manipulate CSS pseudo-elements such as ::before and ::after (and the old version with one semi-colon) using jQuery? For example, the stylesheet has the following rule: How to change ‘foo’ to ‘bar’ using jQuery? SOLUTION 1: You could also pass the content to the pseudo element with a data […]
PROBLEM: How to remove the styling based on the input value: How to do this? Note that the line above runs whenever a color is selected using a color picker (ie. when mouse moves over a color wheel). Can’t do this with css(“background-color”, “none”) because it will remove the default styling from the css files. […]
PROBLEM: we need to check the checked property of a checkbox and perform an action based on the checked property using jQuery. Example: If the age checkbox is checked, then we need to show a textbox to enter age, else hide the textbox. But the following code returns false by default: How to successfully query […]
AngularJS is a good web app framework. Become official documentation and samples, it looks superior among a large number of frameworks in an almost-real-world application test (the famous TodoMVC project). But for a developer who has not used frameworks similar to Angular before, and has mostly worked with JavaScript libraries like jQuery, there may be […]
PROBLEM It is possible to toggle the visibility of an element, using the functions .hide(), .show() or .toggle() How would you test if an element is visible or hidden? SOLUTION 1: The Problem refers to a single element, You can use this code: If you change your selector to use jQuery considering you’re using it […]