jQuery选择器

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的标签{属性名的内容中}】

你可能感兴趣的