技术标签: 前端 jquery javascript
首先,我们实现搜索效果的思路
一,使用点击事件调用后台api数据参数实现搜索;
(1)这个其实是最简单的,因为调取后台api我们需要填参数,(有的不需要填,需要在后台重新写sql语句);而这个参数的值,就是我们输入文本框的内容,然后点击事件触发这个获取api的函数;
二,使用jquery显示隐藏效果实现搜索,把我们要搜索的字段显示,而其他的就隐藏;
js:代码
// 这个id是你点击搜索的id,
//input2是你需要搜索字段的文本框的id
//这个income_list_li是你搜索的内容的范围;
$("#search").click(function() {
//声明一个常量
const keyword = $.trim($("#input2").val());
$('.income_list_li').each(function () {
const text = $(this).text();
//循环查找
if (keyword) {
if (new RegExp(keyword.toLowerCase()).test(text.toLowerCase())) {
$(this).show();
} else {
$(this).hide();
}
} else {
$(this).show();
}
});
})
方法一和二都可以实现搜索效果,但是我们实际运用的需要用第一个方法,因为或许api接口数据,不能把全部数据同时展示,也许我们只获取前二十个,然后剩下的用分页展示,那么你搜索只能搜索前面二十个里面存在的数据,非常的不理智啊,所以我们得用第一个方法,说白了就是,用改变参数获取api里面的数据,这里就不写了,不懂可以私我;
文章浏览阅读204次,点赞6次,收藏4次。很多人升级win11之后反馈CPU常常居高不下,经常在80°以上,严重时超过90°,风扇狂转,间接性蓝屏死机。是什么原因造成的呢?但是它的cpu占用率会很高,我们可以在进程中查看cpu的占用率,接下来带来解决方法。笔记本升级完win11发热严重,建议不要运行电脑承受不起的程序或游戏,这样可以有效减少电脑的运行负担。可以为电脑增加一个散热器,这种一般是usb外置的散热工具,适用于笔记本,不适合台式机哦。3、右键点击“开始”,打开“计算机管理”,打开“服务”。1、右键点击“开始”,打开“任务管理器”。
文章浏览阅读4.9k次,点赞2次,收藏3次。在安装MITMF显示如下错误:试了很很多方法,终于找到了一个可以用的办法:1.apt-get update2.root@kali:~# apt-get install python-dev python-setuptoolslibpcap0.8-dev libnetfilter-queue-dev libssl-dev libjpeg-devlibxml2-dev libxsl..._no package libpcap-dev available
文章浏览阅读518次。一. 环境配置CentOS Linux release 7.5JDK 1.8JIRA 7.12.1CONFLUENCE 6.13.1二. JDK 1.8安装配置下载jdk1.8,安装到目录/usr/java/jdk1.8设置环境变量:export JAVA_HOME=/usr/java/jdk1.8export PATH=JAVAHOME/bin:JAVA_HOME/bin:JAVAHOME/bin:PATH三. JIRA 安装配置到官网下载相应jira版本:https://w_服务器上安装confuence6.13
文章浏览阅读1.2w次,点赞30次,收藏31次。问题描述在用transformers模型导入预训练模型时,报错:ImportError: IProgress not found. Please update jupyter and ipywidgets. See https://ipywidgets.readthedocs.io/en/stable/user_install.html解决方法(1)首先很多博客说是jupyter的版本过低了,但是卸载再重装也不行:# 可以先用你的环境 conda activate xx# 卸载jupyter_importerror: iprogress not found. please update jupyter and ipywidgets. see
文章浏览阅读61次。ARM体系结构采用了三种基本指令集:ARM指令集(32位)、Thumb指令集(16位)和Thumb-2指令集(混合32位和16位)。ARM体系结构包括三种基本指令集:ARM指令集(32位)、Thumb指令集(16位)和Thumb-2指令集(混合32位和16位)。2.2 强大的可扩展性:ARM体系结构支持多核处理器和对称多处理(SMP)系统,使得处理器性能能够随着需求的增长而扩展。2.2 可扩展性强:ARM体系结构支持多核处理器和对称多处理(SMP)系统,使得处理器性能能够随着需求的增长而扩展。
文章浏览阅读1.9w次,点赞66次,收藏555次。刚考完研究生的数值分析课,打算整理一下平时的上机代码,做一个汇总。数值分析大致八部分内容——解线性方程组的直接法:Gauss消去法与矩阵三角分解法(Doolittle分解法相比Crout分解法更常用)及其选择列主元的改进方法、Doolittle分解法的延伸(实对称正定矩阵利用Cholesky分解得到的平方根法、三对角矩阵作为线性方程组系数矩阵的追赶法)解线性方程组的迭代法:Jacobi迭代法、Gauss-Seidel迭代法(利用前者每次迭代已得到的最新分量加速)、逐次超松弛(SOR,Succes_数值方法matlab第四版答案代码
文章浏览阅读1w次,点赞25次,收藏114次。使用模型训练自定义数据集之前,在用在网上搜索得到的图片制作数据集时,即使批量修改图片名称后,在使用labelimg标注得到的xml文件中,图片名称还是网络上图片原本的名称,这时需要对其进行批量修改。<annotation> <folder>测试图片</folder> <filename>ae2f50b6a937df1e1a72f9bcc45b172d.jpg</filename> <path>F:\项目图像数据集\ae2f5_labelimg删除标签会把classes里的内容删除
文章浏览阅读729次。http://www.amazon.com/Getting-Things-Done-Stress-Free-Productivity/dp/0142000280/ref=sr_1_1?s=books&ie=UTF8&qid=1401151197&sr=1-1&keywords=getting+things+done_get things done读后感
文章浏览阅读476次。可以的,有多种方法进行任意函数曲线的拟合。但如果你是普朗克,你得先猜出来黑体辐射的公式样子,拟合只能给出系数。——————————————1、第一种是进行多项式拟合,数学上可以证明,任意函数都可以表示为多项式形式。具体示例如下:###拟合年龄import numpy as npimport matplotlib.pyplot as plt#定义x、y散点坐标x = [10,20,30,40,50,..._python周期性函数的拟合
文章浏览阅读102次。磁砖样式小明家的一面装饰墙原来是 310 的小方格。现在手头有一批刚好能盖住2个小方格的长方形瓷砖。瓷砖只有两种颜色:黄色和橙色。小明想知道,对于这么简陋的原料,可以贴出多少种不同的花样来。小明有个小小的强迫症:忍受不了任何22的小格子是同一种颜色。(瓷砖不能切割,不能重叠,也不能只铺一部分。另外,只考虑组合图案,请忽略瓷砖的拼缝)显然,对于 23 个小格子来说,口算都可以知道:一共..._蓝桥杯c++b组2017决赛铺瓷砖 答案
文章浏览阅读1.7k次。今天开始配置NDK开发环境根据需要配置NDK、CMake、LLDB。尝试自己下载NDK,指定NDK目录,发现编译又找不到CMake,之后果断放弃。尝试找SDKManager 先没有这几项的原因。最后发现 File--Setting--Appearance&Behavior--System Settings--Http Proxy下,选择了Manual proxy configura_android studio 的sdk manager 不显示sdk
文章浏览阅读6.3k次。8个高质量免抠素材网站 标签:免扣素材ppt 素材1.PngImg网址: http://pngimg.com/PngImg 网站是一个收录了近5万个免费的网页设计图片素材的站点,拥有详细的分类,如蔬菜、动物、水果、花卉、服装、食品、家具等等,所有的素材资源设计师们都可以无需注册免费下载使用。PngImg 网站内建搜寻功能,或者可使用单字开头AZ方式快速查找,本身首页设计就跟一般的..._免扣素材库