jQuery Articles - Page 17 of 46

The dequeue() method in jQuery is used to remove the next function from the queue and then execute the function.SyntaxThe syntax is as follows −$(selector).dequeue(queue)Above, the queue is the name of the queue.ExampleLet us now see an example to implement the jQuery dequeue() method − Live Demo    $(document).ready(function(){       $("button").click(function(){          var div = $("div");          div.animate({height: 250}, "slow");          div.animate({left: "+=200", top: "+=100" }, "slow");          div.queue(function(){             div.dequeue();          });       ... Read More

The param() method in jQuery is used to create a serialized representation of an array or object.SyntaxThe syntax is as follows −$.param(obj, val)Above, obj is the object to serialize, whereas Val specifies whether or not to use the traditional style of param serialization.ExampleLet us now see an example to implement the jQuery param() method− Live Demo    $(document).ready(function(){       ob = new Object();       ob.stdid = "S01";       ob.roll = 3;       $("button").click(function(){          $("p").text($.param(ob));       });    }); Student Details Serialized Representation OutputThis will produce the following output−Click on the button to get serialized representation−

With jQuery, you can easily find siblings of an element using the following methods: next(), nextAll(), prev(), prevAll(), siblings(), etc. Let us see some of them traverse siblings−next() methodThe next() method is used to return the next sibling element of the selected element. Let us see an example−Example Live Demo div {    width:600px; } .demo * {    display: block;    border: 2px solid orange;    color: blue;    padding: 10px;    margin: 10px; }    $(document).ready(function(){       $("h3").next().css({"color": "gray", "border": "3px dashed blue"});    }); parent sibling ... Read More

Backbone is an MV* framework while jQuery is a DOM toolkit.With Backbone, you represent data as Models, which can be created, validated, destroyed, and saved to the server. Whenever a UI action causes an attribute of a model to change, the model triggers a "change" event; all the Views that display the model's state can be notified of the change so that they are able to respond accordingly, re-rendering themselves with the new information.While jQuery is a solid API for querying the DOM with support for event handling, deferred objects, and animations. It is best suited for things like querying ... Read More

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                                                                  

Labels are great for offering counts, tips, or other markups for pages.ExampleUse class .label to display labels and try to run the following codeLive Demo           Bootstrap Example                                 Tutorials                       150                       Quiz                       90                    

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                                                

To hide a Bootstrap class, use the .hidden class.Example You can try to run the following code to hide a class −           Bootstrap Example                                                       This class is visible.                                 This is an example for hide class. This will be hidden.                    

To implement the table-striped class in Bootstrap, you can try to run the following code:ExampleLive Demo           Bootstrap Table                                                Footballer Rank                                      Footballer                Rank                Country                                

To create an inverted navbar with a black background and with white text, simply add the .navbar-inverse class to the .navbar class.ExampleYou can try to run the following code to implement navbar-inverse class −Live Demo           Bootstrap Example                                                       TutorialsPoint                                                iOS                SVN                                                        Java                                                                                jmeter                      EJB                      Jasper Report                                            Separated link                                            One more separated link