首页 / JQUERY / 如何使用Javascript / jQuery以及不区分大小写的文本或搜索字段动态显示/隐藏div(在KeyUp,iTunes样式上)

如何使用Javascript / jQuery以及不区分大小写的文本或搜索字段动态显示/隐藏div(在KeyUp,iTunes样式上)

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了如何使用Javascript / jQuery以及不区分大小写的文本或搜索字段动态显示/隐藏div(在KeyUp,iTunes样式上)，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含488字，纯文字阅读大概需要1分钟。

内容图文

如何使用Javascript / jQuery以及不区分大小写的文本或搜索字段动态显示/隐藏div(在KeyUp,iTunes样式上)

我开始着手使用Javascript创建类似iTunes的搜索.我学习了jQuery,在StackOverflow上的人的帮助下,我是successful.

我回到这里与您分享一种基于用户输入创建动态隐藏/显示列表的简单方法.

Let's search!

整个教程代码可以在here找到.

而它的JSFiddle是here！

解决方法:

很高兴看到Nick在这个实验中取得了成功.学习如何做好:)

如果你没有遇到过这个jquery插件,你可能也想看一下它叫做快速搜索.

https://github.com/riklomas/quicksearch

我已经在很多页面上使用它,它就像一个魅力.例：
http://fedmich.com/works/types-of-project.htm

内容总结

以上是互联网集市为您收集整理的如何使用Javascript / jQuery以及不区分大小写的文本或搜索字段动态显示/隐藏div(在KeyUp,iTunes样式上)全部内容，希望文章能够帮你解决如何使用Javascript / jQuery以及不区分大小写的文本或搜索字段动态显示/隐藏div(在KeyUp,iTunes样式上)所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/799325.html

来源：【匿名】

【上一篇】javascript – 在ajax调用后再次运行jquery函数【下一篇】学习php+jQuery+Ajax实现点赞效果的方法

更多 ►

【如何使用Javascript / jQuery以及不区分大小写的文本或搜索字段动态显示/隐藏div(在KeyUp,iTunes样式上)】教程文章相关的互联网学习教程文章

Error-ASP.NET-WebForms：WebForms UnobtrusiveValidationMode 需要“jquery”ScriptResourceMapping。请添加一个名为 jquery (区分大小写)的 ScriptResourceMapping。【代码】【图】

ylbtech-Error-ASP.NET-WebForms：WebForms UnobtrusiveValidationMode 需要“jquery”ScriptResourceMapping。请添加一个名为 jquery (区分大小写)的 ScriptResourceMapping。 1.返回顶部1、“/”应用程序中的服务器错误。WebForms UnobtrusiveValidationMode 需要“jquery”ScriptResourceMapping。请添加一个名为 jquery (区分大小写)的 ScriptResourceMapping。说明: 执行当前 Web 请求期间，出现未经处理的异常。请检查堆栈...

jQuery实现contains方法不区分大小写的方法_jquery

本文实例讲述了jQuery实现contains方法不区分大小写的方法。分享给大家供大家参考。具体实现方法如下：// NEW selector jQuery.expr[':'].Contains = function(a, i, m){return jQuery(a).text().toUpperCase().indexOf(m[3].toUpperCase()) >= 0; }; // OVERWRITES old selecor jQuery.expr[':'].contains = function(a, i, m){return jQuery(a).text().toUpperCase().indexOf(m[3].toUpperCase()) >= 0; };用法：$("div:conta...

jQuery实现contains方法不区分大小写的方法

本文实例讲述了jQuery实现contains方法不区分大小写的方法。分享给大家供大家参考。具体实现方法如下： // NEW selector jQuery.expr[:].Contains = function(a, i, m){return jQuery(a).text().toUpperCase().indexOf(m[3].toUpperCase()) >= 0; }; // OVERWRITES old selecor jQuery.expr[:].contains = function(a, i, m){return jQuery(a).text().toUpperCase().indexOf(m[3].toUpperCase()) >= 0; };用法： $("div:contain...

javascript – Jquery搜索 – 不区分大小写【代码】

我在Jquery脚本上有一些帮助,它创建了一个可搜索,可切换的常见问题解答.代码可以在这里看到： http://jsfiddle.net/pT6dB/62/ 麻烦的是,如果有一个大写字母“H”的单词“How”并且我搜索“h”,它就找不到它.如何使此脚本不区分大小写？解决方法:更新或者,您可以使用正则表达式显着减少代码量. jsFiddle demo$('#search').keyup(function(e) {// create the regular expressionvar regEx = new RegExp($.map($(this).val().trim()....