- 选择器
HTML 选择器(JS)
id选择器
1
document.getElementById("idname")
标签选择器
1
2//直接跟元素的名称
document.getElementsByTagName("p|button|div");类选择器
1
2
3
4
5//指定类名的元素集合
document.getElementsByClassName("classname")
//例如
var class_name=document.getElementsByClassName("classname")
class_name[0].onclick通用选择器
1
2
3//id\class\tab 都可以
document.querySelector("id|class|tab")
document.querySelectorAll("id|class|tab")
CSS选择器
id选择器 : 使用#
1
<style>#useid{...}</style>
类选择器:使用.
1
<style>.useid{...}</style>
标签选择器
1
<style>body{...}</style>
Jquery选择器(基于css选择器)
id选择器 : 使用#
1
<script>$("#useid").click(function(){...})</script>
类选择器:使用.
1
<script>$(".useid").click(function(){...})</script>
元素选择器(等于标签选择器)
1
<script>$("p|button|div").click(function(){...})</script>