what is the "" tag for..?

Question

What is the <li/> tag for..?

Can anyone point/find/share some documentation related to it..?

I found the code in this answer by "thecodeparadox"

I have tried hard to find some documentation related to that in vain..

Answer 1

jQuery provides an alternative to the traditional DOM createElement.

$("<li/>"); //create li element

If you wish to modify the element or bind events to it, you can do like below:

$("<li/>", { 
  click: function(){}, //allows you to bind events
  id: "test", // can be set html attribute
  addClass: "clickable" //allows you to bind jquery methods 
});

---

Documentation can be found here.

Answer 2

HTML provides tags for constructing ordered <ol> ("numbered") and unordered <ul> ("bulleted") lists.

Each item in such a list is indicated by the <li> tag.

<ul>
  <li>First!</li>
  <li>Second Base</li>
  <li>Three Strikes and you are Out</li>
</ul>

(sadly, often you will see the closing tag </li> omitted) The notation <TAG/> is a shorthand for an empty tag (that is, equivalent to <TAG></TAG>).

There is little use for an empty list item, besides as a placeholder to be expanded upon later by javascript.

Answer 3

The <li/> tag in jQuery is for tag creation, It's shorthand for <li></li>, in jQuery documentation:

When the parameter has a single tag (with optional closing tag or quick-closing) — $( "<img />" ) or $( "<img>" ), $( "<a></a>" ) or $( "<a>" ) — jQuery creates the element using the native JavaScript .createElement() function.

A basic sample:

$('<li/>').text('Hello World 1').appendTo('ul');
$('<li></li>').text('Hello World 2').appendTo('ul');
$('<li>').text('Hello World 3').appendTo('ul');

See this jsFiddle Demo.