- Trending Categories
- Data Structure
- Networking
- RDBMS
- Operating System
- Java
- MS Excel
- iOS
- HTML
- CSS
- Android
- Python
- C Programming
- C++
- C#
- MongoDB
- MySQL
- Javascript
- PHP
- Physics
- Chemistry
- Biology
- Mathematics
- English
- Economics
- Psychology
- Social Studies
- Fashion Studies
- Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Found 8895 Articles for Front End Technology
240 Views
jQuery map functionThe map method translates a set of elements in the jQuery object into another set of values in a jQuery array which may, or may not contain elements.ExampleYou can try to run the following code to learn how to work with jQuery.map() method:Live Demo jQuery Map Method $(document).ready(function(){ var mappedItems = $("li").map(function (index) { var replacement = ... Read More
244 Views
jQuery traversing is used to find elements based on what is their relation twith other elements. You need to begin with one selection and move ahead till you the reach the elements you want.jQuery is a very powerful tool which provides a variety of DOM traversal methods to help us select elements in a document randomly as well as in sequential method.Let’s filter out the elements by traversing. The filter( selector ) method can be used to filter out all elements from the set of matched elements that do not match the specified selector(s).ExampleThe selector can be written using any ... Read More
378 Views
The jQuery map function translates a set of elements in the jQuery object into another set of values in a jQuery array which may, or may not contain elements. The grep() function is used to find an element of an array. The difference is we use $.grep to filter an array and $.map to apply a function to each item in the array.jQuery map functionThe map method translates a set of elements in the jQuery object into another set of values in a jQuery array which may, or may not contain elements.The following are the parameters of jQuery.map() method:callback − ... Read More
1K+ Views
To filter object array based on attributes in jQuery, use the map() method with JSON.ExampleYou can try to run the following code to learn how to filter object array based on attributes in jQuery,Live Demo $(document).ready(function(){ $(document).ready(function(){ var json ={"DEPARTMENT": [ { "id":"1", "deptemp":"840", "shares":"1100", }, { "id":"2", "deptemp":"1010", "shares":"1900", }, { "id":"1", "deptemp":"350", "shares":"510", }, { "id":"2", "deptemp":"575", "shares":"1900", }]}; json.DEPARTMENT = $.map(json.DEPARTMENT,function(val,key) { if(Number(val.deptemp) = 500) return val; }); for(var i in json.DEPARTMENT) $("p").html("Department Employees: "+json.DEPARTMENT[i].deptemp+" , Shares:"+json.DEPARTMENT[i].shares) }); });
207 Views
The jQuery end() method reverts the most recent destructive operation, changing the set of matched elements to its previous state right before the destructive operation.This is how you can use it,operations.end()ExampleYou can try to run the following code to learn about jQuery destructive method end(),Live Demo jQuery end() function $(document).ready(function(){ $("p").find("span").end().css("border", "4px red solid"); }); p{ margin:5px; padding:5px; } Hello World!
778 Views
The grep() method finds an element and the filter() method returns elements matching a specific criteria.jQuery grep functionExampleThe grep() function is used to find an element of an array. You can try to run the following code to learn how to work with grep(), Live Demo jQuery grep() function div { color: blue; } p { color: red; margin: 0; } var arr1 = [ 1, 7, 4, 8, 6, 1, 9, 5, 3, 7, ... Read More
120 Views
The end() method reverts the most recent destructive operation, changing the set of matched elements to its previous state right before the destructive operation.ExampleYou can try to run the following code to learn how to work with end function in jQuery:Live Demo jQuery end() function $(document).ready(function(){ $("p").find("span").end().css("border", "2px blue solid"); }); p{ margin:10px; padding:10px; } Hello World!
226 Views
jQuery.offsetParent()The offsetParent() method returns a jQuery collection with the positioned parent of the first matched element.This is the first parent of the element that has position (as in relative or absolute). This method only works with visible elements.ExampleYou can try to run the following code to learn how to work with jQuery.offsetParent() in jQuery:Live Demo jQuery offsetParent() method $(document).ready(function() { $("div").click(function () { ... Read More
4K+ Views
The closest() method begins with the current element and returns only the first ancestors matching the passed expression. This returned jQuery object has zero or one element. Using the class selector is easy and let us see how to use it below.ExampleYou can try to run the following code to learn how to use jQuery.closest() method with class selector:Live Demo .myclass * { display: block; border: 2px solid blue; color: red; padding: 5px; margin:10px; } $(document).ready(function(){ $("span").closest(".one").css({"color": "maroon", "border": "5px solid ... Read More
679 Views
The jQuery closest and parents method is used to set or get the first or all ancestor element, matching the selector. Let's see the difference below:jQuery closest() methodThe closest() method begins with the current element and returns only the first ancestors matching the passed expression. This returned jQuery object has zero or one element.ExampleYou can try to run the following code to learn how to work with jQuery closest method −Live Demo .myclass * { display: block; border: 2px solid blue; color: red; padding: 5px; margin:10px; } ... Read More