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对象。 |
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?