js jq 中常见获取元素的方法（选择器）

document.getElementById('demo') //demo是元素对应的ID;它是document对象特有的函数，只能通过其来调用该方法。
document.getElementsByTagname('li') //li是标签的名字 //该方法除了能被document对象调用之外，还可以被普通的元素调用。
var demo = document.getElementById('demo');
var lis = demo.getElementsByTagname('li');

document.getElementsByClassName('demo') //demo为元素指定的class名

一.原始JS(Document 对象)选择器.
id选择器:document.getElementById("test");
name选择器:document.getElementsByName("test");
节点选择器:document.getElementsByTagName("p");
class选择器:document.getElementsByClassName("test");

二.jQuery 选择器.
1.jQuery 元素选择器.
id选择器:$("#test");
class选择器:$(".test");
节点选择器:$("p");

2.jQuery 属性选择器.
$("div[id]"); 选择所有含有id属性的div元素
$("input[name='keleyicom']"); 选择所有的name属性等于'keleyicom'的input元素
$("input[name!='keleyicom']") ;选择所有的name属性不等于'keleyicom'的input元素
$("input[name^='keleyi']"); 选择所有的name属性以'keleyi'开头的input元素
$("input[name$='keleyi']"); 选择所有的name属性以'keleyi'结尾的input元素
$("input[name*='keleyi']");选择所有的name属性包含'keleyi'的input元素
$("input[id][name$='keleyi']"); 可以使用多个属性进行联合选择，该选择器是得到所有的含有id属性并且那么属性以keleyi结尾的元素

3.jQuery CSS 选择器.
$("p").css("background-color","red");

4.jQuery 表单选择器.
:input $(":input") 所有 表单 元素
:text $(":text") 所有 type="text" 的 <input> 元素
:password $(":password") 所有 type="password" 的 <input> 元素
:radio $(":radio") 所有 type="radio" 的 <input> 元素
:checkbox $(":checkbox") 所有 type="checkbox" 的 <input> 元素
:submit $(":submit") 所有 type="submit" 的 <input> 元素
:reset $(":reset") 所有 type="reset" 的 <input> 元素
:button $(":button") 所有 type="button" 的 <input> 元素
:image $(":image") 所有 type="image" 的 <input> 元素
:file $(":file") 所有 type="file" 的 <input> 元素

:enabled $(":enabled") 所有激活的 input 元素
:disabled $(":disabled") 所有禁用的 input 元素
:selected $(":selected") 所有被选取的 input 元素
:checked $(":checked") 所有被选中的 input 元素