js的选择器

参考自：参考

一、原生JS选择器

JS选择器常用的有getElementById()、getElementsByName()、getElementsByTagName()、getElementsByClassName()、querySelector()、querySelectorAll()

• getElementById(ID): 返回对指定ID的第一个对象的引用，如果在文档中查找一个特定的元素，最有效的方法是getElementById()
• getElementsByName(name): 返回文档中name属性为name值的元素，因为name属性值不是唯一的，所以查询到的结果有可能返回的是一个数组，而不是一个元素。
• getElementsByTagName(tagname): 返回文档中指定标签的元素
• getElementsByClassName():返回文档中所有指定类名的元素
• querySelector():返回文档中匹配指定css选择器的第一个元素
• querySelectorAll():返回文档中匹配指定css选择器的所有元素

二、jQuery选择器

内容
基本选择器有ID选择器、类选择器、标签选择器、通用选择器，事件的添加方法如下：
$(...).事件名(function() { });
属性样式有：

• $(...).css("border","1px solid red")
• $(...).css({...})
• $(...).css("border")
• $(...).attr(属性名,值)
• $(...).html() innerHTML
• $(...).text() innerText
• $(...).val() value值
• $(...).addClass()增加
• $(...).removeClass() 移除
• $(...).toggleClass()开关**

三、jQuery选择器的详细使用方法：