- 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 766 Articles for JQuery
151 Views
The nextUntil() method in jQuery is used to return all next sibling elements between the selector and stop.SyntaxThe syntax is as follows −$(selector).nextUntil(stop, filter)Above, the stop parameter is to mention the expression to stop the search for next matching sibling elements and the filter parameter is a selector expression to narrow down the searchLet us now see an example to implement the jQuery nextUntil() method − .one { color: white; background-color: green; font-size: 16px; border: 2px blue solid; } ... Read More
76 Views
The :not selector in jQuery is used to select all elements except the specified element.SyntaxThe syntax is as follows −$(":not(selector)")Above, set the element which is to be ignored (not selected).ExampleLet us now see an example to implement the jQuery :not Selector − .one { color: white; background-color: green; font-size: 16px; border: 2px blue solid; } $(document).ready(function(){ $("p:not(.demo)").addClass("one"); }); Match Details Date: 29th October 2019 Timings: 3PM TO 8PM Ground: Lords OutputThis will produce the following output −
94 Views
The :It selector in jQuery is used to select elements with an index number less than a specified number.SyntaxThe syntax is as follows −$(":lt(index)")With the index parameter, you can set which element to select.ExampleLet us now see an example to implement the jQuery :It Selector − .demo { background-color: blue; color: white; font-size: 18px; border: 2px orange solid; } $(document).ready(function(){ $("tr:lt(2)").addClass("demo"); }); Result Rank Points Player 1 100 Virat Kohli 2 80 Steve Smith 3 75 David Warner 4 60 Kane Williamson 5 50 Ben Stokes 6 45 Rohit Sharma OutputThis will produce the following output −
115 Views
The :last-of-type selector in jQuery is used to select all elements that are the last child of a particular type of their parent.SyntaxThe syntax is as follows −$(":last-of-type")ExampleLet us now see an example to implement the jQuery :last-of-type Selector − .one { color: white; background-color: green; font-size: 16px; border: 2px blue solid; } $(document).ready(function(){ $("p:last-of-type").addClass("one"); }); Examination Details Date: 25th October 2019 Timings: 10AM TO 1PM All the best for exams! OutputThis will produce the following output −
228 Views
The :last-child selector in jQuery is used to select all elements that are the last child of their parent.SyntaxThe syntax is as follows −$(":last-child")ExampleLet us now see an example to implement the jQuery :last-child Selector − .one { color: white; background-color: green; font-size: 16px; border: 2px blue solid; } $(document).ready(function(){ $("p:last-child").addClass("one"); }); Examination Details Date: 25th October 2019 Timings: 10AM TO 1PM All the best for exams! OutputThis will produce the following output −
122 Views
The :last selector in jQuery is used to select the last element.SyntaxThe syntax is as follows −$(":last")ExampleLet us now see an example to implement the jQuery :last Selector − .one { color: black; background-color: orange; font-size: 16px; border: 2px blue solid; } $(document).ready(function(){ $("p:last").addClass("one"); }); Examination Details Date: 25th October 2019 Timings: 10AM TO 1PM All the best for exams! OutputThis will produce the following output −
78 Views
The :lang() selector in jQuery is used to select all elements with the specific language set as the parameter.SyntaxThe syntax is as follows −$(":lang(language)")Here, the parameter language can be en, en-us, en-uk, etc. These are language codes.ExampleLet us now see an example to implement the :lang() selector − .demo { background-color: blue; color: white; border: 2px yellow dashed; } $(document).ready(function(){ $("p:lang(fr)").addClass("demo"); }); Language We are learning French Nous apprenons le français OutputThis will produce the following output −
147 Views
The :input selector in jQuery is used to select all input elements.SyntaxThe syntax is as follows −$(":input")ExampleLet us now see an example to implement the :input selector − .demo { background-color: blue; color: white; border: 2px yellow dashed; } $(document).ready(function(){ $(":input").addClass("demo"); }); Login Student Name: Student ID: OutputThis will produce the following output −
237 Views
The :image selector in jQuery is used to select all input elements with type=”image”.SyntaxThe syntax is as follows −$(":image")ExampleLet us now see an example to implement the :image() selector − .demo { background-color: gray; border: 2px yellow dashed; } $(document).ready(function(){ $(":image").addClass("demo"); }); Login Student Name: Student ID: Learn MySQL: OutputThis will produce the following output −
174 Views
The :hidden selector in jQuery is used to select all hidden elements.SyntaxThe syntax is as follows −$(":hidden")ExampleLet us now see an example to implement the :hidden() selector − $(document).ready(function(){ $("h2:hidden").show(); }); Fill the form ID: Rank: Fav. Subjects: Maths: English OutputThis will produce the following output. Here, we are displaying the hidden element −