Found 617 Articles for JQuery

jQuery Traversing Ancestors

AmitDiwan
Updated on 31-Dec-2019 09:23:39
To traverse and find ancestors of an element, jQuery has the following methods: parent(), parents() and parentsUntil()−parent() methodThe parent() method in jQuery is used to return the direct parent element of the selected element. Let us see an example −Example Live Demo div {    width:600px; } .demo * {    display: block;    border: 2px solid yellow;    color: blue;    padding: 10px;    margin: 10px; }    $(document).ready(function(){       $("span").parent().css({"color": "blue", "border": "3px dashed blue"});    }); great-great-grandparent great-grandparent grandparent parent span OutputThis will produce ... Read More

jQuery select() with Examples

AmitDiwan
Updated on 31-Dec-2019 09:17:59
The select() method in jQuery is used to trigger the select event.syntaxThe syntax is as follows −$(selector).select(func)Above, the func parameter is used to specify the function to run when the select event is triggered. It occurs when a text is selected. The selection should be in a text area or a text field.Let us now see an example to implement the jQuery select() method −Example Live Demo    $(document).ready(function(){       $("input").select(function(){          alert("You have selected some text...");       });    }); div {    border: 3px dashed orange;   ... Read More

jQuery Misc toArray() Method

AmitDiwan
Updated on 31-Dec-2019 09:14:34
The toArray() method in jQuery is used to get all the DOM elements contained in the jQuery set, as an arraySyntaxThe syntax is as follows −$(selector).toArray()Let us now see an example to implement the jQuery toArray() method −Example Live Demo    $(document).ready(function(){       $("button").click(function(){          var arr = $("p").toArray()          for (var k = 0; i< arr.length; k++) {             alert(arr[k].innerHTML);          }       });    }); Devices This is demo text 1. This is demo text ... Read More

jQuery is() Method

AmitDiwan
Updated on 31-Dec-2019 09:11:50
The is() method in jQuery is used to check whether one of the selected elements matches the value in parameter selectorEle.SyntaxThe syntax is as follows −$(selector).is(selectorElement, func(index, element))Above, selectorEle is a selector expression, element or jQuery object to match with the current set of the element. The func parameter is used to specify a function to run for the group of selected elements.ExampleLet us now see an example to implement the jQuery is() method − Live Demo div {    width:600px; } .demo * {    display: block;    border: 2px solid yellow;    color: blue;    padding: ... Read More

jQuery removeProp() with Examples

AmitDiwan
Updated on 31-Dec-2019 08:18:43
The removeProp() method in jQuery is used to remove a property set by the prop() method.SyntaxThe syntax is as follows −$(selector).removeProp(property)Above, the parameter property is the name of the property to remove.ExampleLet us now see an example to implement the jQuery removeProp() method − Live Demo    $(document).ready(function(){       $("button").click(function(){          var $val = $("div");          $val.prop("font-size", "1.6em");          $val.append("Property value = " + $val.prop("font-size"));          $val.removeProp("font-size");          $val.append("Property removed successfully...");       });    }); Adding ... Read More

jQuery data() with Examples

AmitDiwan
Updated on 31-Dec-2019 08:15:54
The data() method in jQuery is used to attach data to or gets data from selected elements.SyntaxThe syntax is as follows −$(selector).data(name) $(selector).data(name, value)Above, the name is the name of data to retrieve for the 1st syntax.For the 2nd syntax, the name is the name of data to set, whereas value is the value of data to set.ExampleLet us now see an example to implement the jQuery data() method − Live Demo    $(document).ready(function(){       $(".button1").click(function(){          $("div").data("student", "Jack Sparrow");          alert("Student Name = " +$("div").data("student"));       }); ... Read More

jQuery index() with examples

AmitDiwan
Updated on 31-Dec-2019 08:13:05
The index() method in jQuery is used to return the index position of specified elements relative to other specified elements.SyntaxThe syntax is as follows −$(selector).index()ExampleLet us now see an example to implement the jQuery index() method − Live Demo    $(document).ready(function(){       $("li").click(function(){          document.getElementById("demo").innerHTML = $(this).index();       });    }); Devices TV Laptop Headphone Earphone SSD Index = OutputThis will produce the following output −Now, to get the index of any of the list items, just click on it as shown below. We clicked “Headphone” here −

jQuery toggleClass() with Examples

AmitDiwan
Updated on 31-Dec-2019 08:10:40
The toggleClass() method in jQuery is used to toggle between adding or removing one or more classes from selected elements.SyntaxThe syntax is as follows −$(selector).toggleClass(classname, func(index, currentclass), switch)Above, class name specifies one or more class names to add or remove, whereas func is a function that returns one or more class names to add or remove.ExampleLet us now see an example to implement the jQuery toggleClass() method − Live Demo    $(document).ready(function(){       $("button").click(function(){          $("p").toggleClass("demo");       });    }); .demo {    background-color: orange;    color: white;   ... Read More

jQuery removeData() with Examples

AmitDiwan
Updated on 31-Dec-2019 08:07:33
The removeData() method in jQuery is used to remove the data set with the data() method.SyntaxThe syntax is as follows −$(selector).removeData(name)Above, the name parameter is used to specify the name of the data to remove.ExampleLet us now see an example to implement the jQuery removeData() method − Live Demo    $(document).ready(function(){       $(".button1").click(function(){          $("div").data("student", "Jack Sparrow");          alert("Student Name = " +$("div").data("student"));       });       $(".button2").click(function(){          $("div").removeData("student");          alert("Student Name = " +$("div").data("Jack Sparrow"));       }); ... Read More

jQuery load() with Examples

AmitDiwan
Updated on 31-Dec-2019 08:04:34
The load() method in jQuery is used to load data from a server and puts the returned data into the selected elementSyntaxThe syntax is as follows −$(selector).load(url, data, function(response, status, xhr))Above, URL is the URL to be loaded. The data parameter is the data to send to the server, whereas the callback function runs when the load() completes.ExampleLet us now see an example to implement the jQuery load() method − Live Demo    $(document).ready(function(){       $("button").click(function(){          $("div").load("new.txt");       });    }); Demo text... Load Content ... Read More
Previous 1 ... 3 4 5 6 7 8 9 ... 62 Next
Advertisements