让你的CSS像Jquery一样做筛选的实现方法

 更新时间:2011年07月10日 23:42:55   作者:  
用Jquery去操作HTML元素很方便,能够灵活自如的去查找。其实CSS也可以灵活方便的去查找筛选,以下用到的一些,整理了一下,还有很多有趣的用法,后续会继续添加。
语法说明:
E -- 元素
att -- 属性
val -- 属性值


E:first-child
E:last-child

匹配文档中具有att属性的E元素
语法: E[att]

匹配文档中具有att属性且其值为val的E元素
语法: E[att=val]

匹配文档中具有att属性且其中一个值(多个值使用空格分隔)为val(val不能包含空格)的E元素
语法: E[att~=val]

匹配文档中具有att属性且其中一个值为val,或者以val开头紧随其后的是连字符的E元素
语法: E[att|=val]

匹配文档中具有att属性且其值的前缀为val的E元素
语法: E[att^=val]

匹配文档中具有att属性且其值的后缀为val的E元素
语法: E[att$=val]

匹配文档中具有att属性且其包含val的E元素
语法: E[att*=val]

相关文章

  • jQuery实现鼠标悬停3d菜单展开动画效果

    jQuery实现鼠标悬停3d菜单展开动画效果

    本文主要介绍了jQuery鼠标悬停3d菜单展开动画效果的示例代码,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • jQuery向后台传入json格式数据的方法

    jQuery向后台传入json格式数据的方法

    这篇文章主要介绍了jQuery向后台传入json格式数据的方法,实例分析了传递json格式数据的原理与具体实现技巧,具有一定的参考借鉴价值,需要的朋友可以参考下
    2015-02-02
  • jquery 简单的进度条实现代码

    jquery 简单的进度条实现代码

    jquery其实是有个进度条插件的,叫做jqueryprogressbar.js,可是想练习一下,就没有用,自己写了点代码。这个代码其实是参考别人的,因为自己的JS基础不是很好。
    2010-03-03
  • jQuery复制表单元素附源码分享效果演示

    jQuery复制表单元素附源码分享效果演示

    当我们遇到提交表单时,需要我们重复添加好几个表单,在订单表格中添加多个不同型号的产品信息。这个时候有复制表单表单按钮,也就是新增一项,通过点击复制按钮来实现新增一项,怎么实现的呢?下面小编跟大家分享,需要的朋友的朋友可以参考下
    2015-09-09
  • jQuery之动画效果大全

    jQuery之动画效果大全

    本篇文章主要介绍了jQuery之动画效果,详细的介绍了各种动画特效的用法,有需要的可以了解一下。
    2016-11-11
  • jquery图形密码实现方法

    jquery图形密码实现方法

    这篇文章主要介绍了jquery图形密码实现方法,涉及jQuery操作图形特效的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-03-03
  • 关于hashchangebroker和statehashable的补充文档

    关于hashchangebroker和statehashable的补充文档

    我觉得之前写的两篇随笔有点不负责任,完全没写明白,补充了一份文档(权且算是文档吧=.=)
    2011-08-08
  • jquery按回车提交数据的代码示例

    jquery按回车提交数据的代码示例

    jquery按回车提交数据的代码示例,很简单的一个方法,看一下就明白
    2013-11-11
  • jQuery弹出下拉列表插件(实现kindeditor的@功能)

    jQuery弹出下拉列表插件(实现kindeditor的@功能)

    这篇文章主要介绍了jQuery弹出下拉列表插件(实现kindeditor的@功能)的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-08-08
  • jquery 页面全选框实践代码

    jquery 页面全选框实践代码

    页面中经常遇到与全选相关的操作,利用jquery集成了一下,主要为了方便使用吧~
    2010-04-04

最新评论