jQuery Selectors Table

by Lucas Krause

HTML

<table>
	<thead>
		<tr>
			<td>Selector</td>
			<td title="The selector is natively available in the document.querySelectorAll() function and is no jQuery extension">Is native?</td>
			<td title="The jQuery version in which the selector was available for the first time">jQuery version</td>
		</tr>
	</thead>
	<tbody></tbody>
</table>

CSS

/*td*/.native {
	padding:1px 3px;
	background-color:green;
	color:#FFF;
	text-align:center;
}
.native::after {
	content:"\2714";
}
.native--no {
	background-color:red;
}
.native--no::after {
    content:"\2718";
}

table {
    opacity:0;
}
    thead {
        background-color:#eee;
        font-weight:bold;
    }

JavaScript

var selectors=[
        {
            "title":"*",
            "native":true,
            "v":"1.0"
        },
        {
            "title":":animated",
            "native":false,
            "v":"1.2"
        },
        {
            "title":'[name|="value"]',
            "native":true,
            "v":"1.0"
        },
		{
            "title":'[name*="value"]',
            "native":true,
            "v":"1.0"
        },
		{
            "title":'[name~="value"]',
            "native":true,
            "v":"1.0"
        },
		{
            "title":'[name$="value"]',
            "native":true,
            "v":"1.0"
        },
        {
            "title":'[name="value"]',
            "native":true,
            "v":"1.0"
        },
        {
            "title":'[name!="value"]',
            "native":false,
            "v":"1.0"
        },
		{
            "title":'[name^="value"]',
            "native":true,
            "v":"1.0"
        },
        {
            "title":":button",
            "native":false,
            "v":"1.0"
        },
        {
            "title":":checkbox",
            "native":false,
            "v":"1.0"
        },
        {
            "title":":checked",
            "native":true,
            "v":"1.0"
        },
        {
            "title":"parent > child",
            "native":true,
            "v":"1.0"
        },
        {
            "title":".class",
            "native":true,
            "v":"1.0"
        },
        {
            "title":":contains()",
            "native":true,
            "v":"1.1.4"
        },
        {
            "title":"ancestor descendant",
            "native":true,
            "v":"1.0"
        },
        {
            "title":":disabled",
            "native":true,
            "v":"1.0"
        },
        {
            "title":"element",
            "native":true,
            "v":"1.0"
        },
        {
            "title":":empty",
            "native":true,
            "v":"1.0"
        },
   ...