- 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
![AmitDiwan](https://www.tutorialspoint.com/assets/profiles/123055/profile/60_187394-1565938756.jpg)
184 Views
The :empty selector in jQuery is used to select all elements which are empty.SyntaxThe syntax is as follows −$(":empty")ExampleLet us now see an example to implement the :empty() selector − .demo { color: brown; background-color: orange; font-size: 16px; border: 2px blue dashed; width:100px; height:70px; } $(document).ready(function(){ $("p:empty(.one)").addClass("demo"); }); Enter details ID: Rank: Fav. Subjects: Maths: English OutputThis will produce the following output −
![AmitDiwan](https://www.tutorialspoint.com/assets/profiles/123055/profile/60_187394-1565938756.jpg)
194 Views
The :disabled() selector in jQuery is used to select all disabled input elements.SyntaxThe syntax is as follows −$(":disabled")ExampleLet us now see an example to implement the :disabled() selector − .one { color: brown; background-color: orange; font-size: 16px; border: 2px blue dashed; } $(document).ready(function(){ $(":disabled").addClass("one"); }); ID: Rank: Fav. Subjects: Maths: English OutputThis will produce the following output −
![AmitDiwan](https://www.tutorialspoint.com/assets/profiles/123055/profile/60_187394-1565938756.jpg)
373 Views
The :contain() selector in jQuery is used to select elements containing the specified text.SyntaxThe syntax is as follows −$(":contains(text)")Here, the parameter text is the text to find. The same elements are selected with the specified text.ExampleLet us now see an example to implement the :contains() selector − .one { color: brown; background-color: orange; font-size: 16px; border: 2px blue dashed; } $(document).ready(function(){ $("p:contains(the)").addClass("one"); }); Examination Timings: 10AM - 1PM The examination hall details would be emailed to the students. OutputThis will produce the following output −
![AmitDiwan](https://www.tutorialspoint.com/assets/profiles/123055/profile/60_187394-1565938756.jpg)
233 Views
The :checked selector in jQuery is used to look for all the checked radio button or checkboxes and selects them.SyntaxThe syntax is as follows −$(":checked")ExampleLet us now implement the :checked selector in jQuery − Favourite Subject Maths: English $( "input" ).on( "click", function() { $( "#content" ).html( $( "input:checked" ).val() + " is the favourite subject" ); }); OutputThis will produce the following output −Select “Maths” radio button above −Now, select “English” radio button −
![AmitDiwan](https://www.tutorialspoint.com/assets/profiles/123055/profile/60_187394-1565938756.jpg)
328 Views
The jQuery :checkbox selector is used to select input elements with type checkbox.SyntaxThe syntax is as follows −$(":checkbox")ExampleLet us see an example to implement the :checkbox selector in jQuery − $(document).ready(function(){ $(":checkbox").wrap(""); }); Fill the form ID: Rank: Fav. Subjects: Maths: English OutputThis will produce the following output −ExampleLet us see another example − $(document).ready(function(){ $(":checkbox").wrap(""); }); Hobbies Player Name: Fav Sports Football: Cricket OutputThis will produce the following output −
![AmitDiwan](https://www.tutorialspoint.com/assets/profiles/123055/profile/60_187394-1565938756.jpg)
402 Views
The jQuery :button selector is used to select button and input elements with type button.ExampleLet us now see an example to implement the :button selector − $(document).ready(function(){ $(":button").css("border-width", "5px"); }); Username: Password: Demo Button OutputThis will produce the following output. The border of the “Demo Button” is changed using the :button selector −ExampleLet us now see another example − .one { color: white; background-color: gray; font-size: 16px; border: 2px yellow dashed; } $(document).ready(function(){ $(":button").addClass( "one" ); }); ID: Rank: Demo Button OutputThis will produce the following output −
![George John](https://www.tutorialspoint.com/assets/profiles/13511/profile/60_58410-1512537824.png)
3K+ Views
To create a collapsible list group, use the panel-collapse property with list-group property.ExampleThe list-group property lists items using the list-group-item property −Live Demo Bootstrap Example Questions/ Answers Click below to learn about the technologies for which we provide Interview Questions. Info Java PHP C++ HTML5 jQuery
![karthikeya Boyini](https://www.tutorialspoint.com/assets/profiles/13518/profile/60_31598-1537784993.jpg)
266 Views
To get a jumbotron of full width, and without rounded corners use the .jumbotron class outside all .container classes and instead add a .container within.ExampleYou can try to run the following code to implement thisLive Demo Bootstrap Example Welcome to landing page! Example for jumbotron. Click for more