Jquery几个比较实用,但又让很多人忽略的几个函数

工作中接触的人中,这些函数的使用频率比较少,我用的又比较好用的几个函数 来给大家分享一下。

 

你有你喜欢的,也可以分享一下

 

1、filter 使用了我要什么就有什么

这个函数不但可以很方便的筛选自定义HTML,还可以筛选JSON和ARRAY

 

筛选数组为2的结果

 

array

1
jQuery([2,3,3]).filter(function(i,v){ return v==2 })

 

json  

1
jQuery([{id:2},{id:3},{id:4}]).filter(function(i,v){ return v.id==2 })

  

html

 

1
2
3
$("p").filter(function(index) {
  return $(this).attr("id")==2;
});

  

 

2、params 妈妈在也不用但心我拼URL了

可以很方便的拼一个集合给mvc接收 也让传统的  url+"?id="+id+"&name=" 这种代码消失

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
var myObject = {
  a: {
    one: 1,
    two: 2,
    three: 3
  },
  b: [1,2,3]
};
var recursiveEncoded = $.param(myObject);
var recursiveDecoded = decodeURIComponent($.param(myObject));
 
alert(recursiveEncoded);
alert(recursiveDecoded);
//a%5Bone%5D=1&a%5Btwo%5D=2&a%5Bthree%5D=3&b%5B%5D=1&b%5B%5D=2&b%5B%5D=3
//a[one]=1&a[two]=2&a[three]=3&b[]=1&b[]=2&b[]=3

  

 

3、closest 妈妈在也不用但心我要不到零花钱了,爸爸不给找爷爷。。爷爷不给找爷爷的爸爸,在不给我就挖坟

1
closest会首先检查当前元素是否匹配,如果匹配则直接返回元素本身。如果不匹配则向上查找父元素,一层一层往上,直到找到匹配选择器的元素。如果什么都没找到则返回一个空的jQuery对象。

  

 

 

 

 

posted @   阿妮亚  阅读(1534)  评论(3编辑  收藏  举报
编辑推荐:
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
点击右上角即可分享
微信分享提示