标准过滤器 Filters

这个 没有详细的api说明书…. 需要查询 只有去看 源码 里面 的注释…….

date ------------将时间戳转化为另一种格式 (syntax reference)
capitalize ----- 输入字符串首字母大写 e.g. {{ 'capitalize me' | capitalize }} # => 'Capitalize me'
downcase ------- 输入字符串转换为小写
upcase --------- 输入字符串转换为大写
first ---------- 返回数组中第一个元素
last ----------- 返回数组数组中最后一个元素
join ----------- 用特定的字符将数组连接成字符串输出
sort ----------- 对数组元素排序
map ------------ 输入数组元素的一个属性作为参数,将每个元素的属性值映射为字符串
size ----------- 返回数组或字符串的长度 e.g. {{ array | size }}
escape --------- 将字符串转义输出 e.g. {{ "<p>test</p>" | escape }} # => <p>test</p>
escape\_once ---- 返回转义后的HTML文本,不影响已经转义的HTML实体
strip\_html ----- 删除 HTML 标签
strip\_newlines - 删除字符串中的换行符(\n)
newline\_to\_br -- 用HTML <br/> 替换换行符 \n
replace -------- 替换字符串中的指定内容 e.g. {{ 'foofoo' | replace:'foo','bar' }} # => 'barbar'
replace\_first -- 查找并替换字符串中第一处找到的目标子串 e.g. {{ 'barbar' | replace\_first:'bar','foo' }} # => 'foobar'
remove --------- 删除字符串中的指定内容 e.g. {{ 'foobarfoobar' | remove:'foo' }} # => 'barbar'
remove\_first --- 查找并删除字符串中第一处找到的目标子串 e.g. {{ 'barbar' | remove\_first:'bar' }} # => 'bar'
truncate ------- 截取指定长度的字符串,第2个参数追加到字符串的尾部 e.g. {{ 'foobarfoobar' | truncate: 5, '.' }} # => 'foob.'
truncatewords -- 截取指定单词数量的字符串
prepend -------- 在字符串前面添加字符串 e.g. {{ 'bar' | prepend:'foo' }} # => 'foobar'
append --------- 在字符串后面追加字符串 e.g. {{ 'foo' | append:'bar' }} # => 'foobar'
slice ---------- 返回字符子串指定位置开始、指定长度的子串 e.g. {{ "hello" | slice: -4, 3 }} # => ell
minus ---------- 减法运算 e.g. {{ 4 | minus:2 }} # => 2
plus ----------- 加法运算 e.g. {{ '1' | plus:'1' }} #=> '11', {{ 1 | plus:1 }} # => 2
times ---------- 乘法运算 e.g {{ 5 | times:4 }} # => 20
divided\_by ----- 除法运算 e.g. {{ 10 | divided\_by:2 }} # => 5
split ---------- 根据匹配的表达式将字符串切成数组 e.g. {{ "a\~b" | split:"\~" }} # => \['a','b']
modulo --------- 求模运算 e.g. {{ 7 | modulo:4 }} # => 3

filter 内容过滤标签

 .filter(".middle")
 过滤出 类是middle 的....


<ul>
  <li>list item 1</li>
  <li>list item 2</li>
  <li>list item 3</li>
  <li>list item 4</li>
  <li>list item 5</li>
  <li>list item 6</li>
</ul>


$('li').filter(':even').css('background-color', 'red');
过滤出 偶数?  然后加css....