Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Use jQuery attr() method to get the value of id attribute. You can try to run the following code to learn how to get the value in jQuery −ExampleLive Demo jQuery Example $(document).ready(function() { alert($('#div1').attr('id')); }); This is demo text.
To get an attribute value in jQuery is quite easy. For this, use the jQuery attr() method. You can try to run the following code to learn how to get an attribute value in jQuery −ExampleLive Demo jQuery Example $(document).ready(function(){ $("button").click(function(){ alert($("img").attr("height")); }); }); Get the height
With jQuery, you can easily select multiple elements. Here’s how you can select for multiple elements such as and ,$("h1, p")You can try to run the following code to learn how to select multiple elements with jQuery −ExampleLive Demo jQuery Example $(document).ready(function() { $("h1, p").css("color", "green"); }); Heading This is demo text.
To select a single element which matches with the given ID using jQuery, use the element id selector. Here’s how,$('#elementid')You can try to run the following code to learn how to select a single element which matches with the given ID using jQuery −ExampleLive Demo Selector Example $(document).ready(function() { /* This would select second division only*/ $("#div2").css("background-color", "yellow"); }); This is first division of the DOM. This is second division of the DOM. This is third division of the DOM
Yes, it is possible to use $(this) and universal selector (*) with jQuery. Let’s see how to do it. You can try to run the following code to learn how to use this and universal selector with jQuery:ExampleLive Demo jQuery Universal Selector $(document).ready(function() { $('*', this).css("background-color", "yellow"); }); This is first division of the DOM. This is second division of the DOM.
The universal selector selects all the elements available in the document. Here’s how to use it:$('*')ExampleYou can try to run the following code to learn how to implement Universal Selector in jQuery −Live Demo jQuery Universal Selector $(document).ready(function() { /* This would select all the elements */ $("*").css("background-color", "yellow"); }); This is first division of the DOM. This is second division of the DOM. This is third division of the DOM
A jQuery Selector is a function which makes use of expressions to find out matching elements from a DOM based on the given criteria. We can easily combine a class selector and an attribute selector with jQuery.You can try to run the following code to learn how to How to combine a class selector and an attribute selector with jQuery −ExampleLive Demo $(document).ready(function() { $('.myclass[reference="12345"]').css("background-color", "yellow"); }); Row 1 Column 1 Row 2 Column 1 Row 3 Column 1
To find an element based on a data-attribute value using jQuery is quite easy. Try to run the following code to find an element based on a data-attribute value −ExampleLive Demo $(document).ready(function() { $('[data-slide="0"]').addClass('demo'); }); .demo { font-size: 150%; color: red; } Rocky Amit John
Suppose we have the following table named stock_item in which the column quantity is having duplicate values i.e. for item name ‘Notebooks’ and ‘Pencil’, the column ‘Quantity’ is having duplicate values ‘40’ and for items ‘Shirts’, ‘Shoes’ and ‘Trousers’ triplicate value 29 is hold by column ‘quantity’ as shown in the table.mysql> Select * from stock_item; +------------+----------+ | item_name |quantity | +------------+----------+ | Calculator | 89 | | Notebooks | 40 | | Pencil | 40 | | Pens | 32 | | ... Read More
Use the jQuery val() method to get the value of the selected radio button. You can try to run the following code to learn how to know which radio button is selected via jQuery −ExampleLive Demo jQuery Selector $(function(){ $("#submit").click(function(){ alert($('input:radio:checked').val()); }); }); Select a number: 1 2 3 Result