分享

JQuery 伪类选择器

 gingging 2013-10-28
伪类,即以冒号(:)开头的JQuery定义的类名,跟在选择器后面对选择器选中的元素进行进一步筛选。
  • :first-child

如类名所示,第一个子元素。如:对于<div><p></p><p></p></div>,div:first-child {...} 将选中第一个<p>元素。第二个不被选中。

  • :link

是link不假,可是这个link要没有访问过。难道访问过的link就不是link了?如:a:link {...},当<a>没有访问过的时候才能被选中。

  • :visited
和link相反,访问过的。
  • :hover
任何元素只要鼠标在上面晃荡。如:p:hover{...},当鼠标在<p>上面晃荡的时候,<p>被选中。
  • :active
鼠标在元素上面按下时,元素被选中。鼠标放开,元素被释放。
  • :focus
当输入焦点作用于元素时,元素被选中。如:input:focus{...},输入框元素在得到焦点时被选中。
  • :lang()
具有指定语言的元素被选中。
例如:
<p lang="en">The red style has been applied to this element.</p>
<p lang="en-au">The red style has been applied to this element.</p>
<p lang="fr">The red style has not been applied to this element.</p>
p:lang(en){...}将选中第一个和第二个元<p>,第三个<p>将不被选中。
  • :first-line

如类名所示,元素的第一行文本被选中。这个元素应为块元素,如<p>。

  • :first-letter
如类名所示,元素的第一个字母被选中。
  • :before
在选择器选中元素前面立即产生页面内容。如:p:before {content: url("dots.gif");},将在每一个<p>元素前面增加一个图像。
  • :after
和before相反。
 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多