Filter在Vue,JS,JQ中的使用

vue 中的filter的使用

关键字filter,官方文档(https://cn.vuejs.org/v2/guide/filters.html#ad)说明在vue中过滤器可以用在两个地方:双花括号差值和v-bind表达式。

{{ message | capitalize }} 这样的表示方式称之为管道,其关键字是“|”

自定义过滤器的主要作用是对数据在显示之前进行处理包装。过滤器分为全局过滤器(filter)和局部过滤器(filters)。用下面的例子进行解释。

HTML部分:

JS部分:

JQuery中的filter的使用(http://jquery.cuishifeng.cn/filter.html):

filter(expr|obj|ele|fn) 筛选出与指定表达式匹配的元素集合,这个方法用于缩小匹配的范围 。用逗号分割多个表达式。

参数:

expr

string

字符串值,包含供匹配当前元素集合的选择器表达式

 

obj

object

现有的JQuery对象,已匹配当前的元素

 
element

Expression

一个用于匹配元素的DOM元素

 

function(index)

Function

一个函数用来作为测试元素的集合。它接受一个参数index,这是元素在JQuery集合的索引。在函数,this指的是当前的DOM元素。

 

示例:

JS中的filter的使用(http://www.runoob.com/jsref/jsref-filter.html):

定义和用法:filter()方法创建了一个新的数组,新数组中的元素是通过检查指定数据中符合条件的所有元素

注意:filter()不会对数组进行监测,不会改变原始数组

        本篇文章借鉴了vue,js和jq的中文文档总结出来的,针对的是新人程序猿容易忽略的小知识点,博主作为程序猿升级道路上的新人希望各路神仙,女娲娘娘以及盘古大神给予耐心的指导和鼓励。

博主在此真心感谢。

猜你喜欢

转载自blog.csdn.net/qq_39256667/article/details/81020721