1、基础选择器
通过ID，Class和标记名等来选择查找DOM选择器。
$('#id名').css({ css属性:'属性值' })、$('#id名').css('css属性','css属性值')
$('.类名').css({ css属性:'属性值' })、$('.类名').css('css属性','css属性值')
$('标签名').css({ css属性:'属性值' })、$('.标签名').css('css属性','css属性值')
$('*').css({ css属性:'属性值' })、$('.*').css('css属性','css属性值')
$('标签名,#id名,.类名').('css属性','css属性值')【可以多选】
2、层次选择器
$('祖先标签 后代子标签').css('css属性','css属性值')【选取祖先标签中所有的后代标签{包含所有的后代}】
$('父标签A > 子标签B').css('css属性','css属性值')【选取父标签A中所有的子标签B（不包括后代元素）】
$('标签A + 标签B').css('css属性','css属性值')【选取标签A下一个标签B的第一个{同辈关系选择}】【可以用$(''.类名'').next()代替】
$('标签A ~ 标签B').css('css属性','css属性值')【选取标签A下一个标签B的所有兄弟元素{同辈关系选择}】【可以用$(''.类名'').nextall()代替】
3、基本过滤选择器
$('标签A:first').css({ css属性:'属性值' })【选择标签A中的第一个】
$('标签A:last').css({ css属性:'属性值' })【选择标签A中的最后一个】
$('标签A:not(类名S').css({ css属性:'属性值' })【选择类名不等于S的标签A】
$('标签A:even'').css({ css属性:'属性值' })【选择索引值为偶数的标签A】
$('标签A:odd').css({ css属性:'属性值' })【选择索引值为奇数的标签A】
$('标签A:eq(i)').css({ css属性:'属性值' })【选择索引值为i标签A】
$('标签A:gt(i)').css({ css属性:'属性值' })【选择索引值大于i标签A】
$('标签A:lt(i)').css({ css属性:'属性值' })【选择索引值小于i标签A】
$(':header').css({ css属性:'属性值' })【选择所有的标题】
4、属性过滤选择器
$('标签A[属性B]').css('css属性','css属性值')【选取标签A中含有属性B的标签】
$('标签A[属性B=属性名C]').css('css属性','css属性值')【选取标签A中含有属性B且满足属性名C的标签】
$('标签A[属性B!=属性名C]').css('css属性','css属性值')【选取标签A中含有属性B且满足B的属性名不等于C的标签】
$('标签A[属性B^=属性名C]').css('css属性','css属性值')【选取标签A中含有属性B且满足B的属性名是以C开头的标签{属性名的头部}】
$('标签A[属性B$=属性名C]').css('css属性','css属性值')【选取标签A中含有属性B且满足B的属性名是以C结尾的标签{属性名的尾部}】
$('标签A[属性B*=属性名C]').css('css属性','css属性值')【选取标签A中含有属性B且满足B的属性名中含有C的标签{属性名的内容中}】
