`
hanqingzhong2
  • 浏览: 15156 次
  • 性别: Icon_minigender_1
  • 来自: 重庆
文章分类
社区版块
存档分类
最新评论

jquery :contains函数用于页面模糊搜索

阅读更多

   最近在做公司的组织结构树,用的是jquery.treeview插件。

   如果公司的组织结构比较庞大,就需要个功能用于搜索,不然每次树展开就会很大,不利于观看。

   由于本人页面前端javasript技术不是很扎实,所以一遇到困难我就选择用后台java代码去处理了。花了大概快一天的时间吧,最后终于完成了。心里暗暗美了一阵。

   最后拿给头看了下,心里还在窃窃美呢。。过了会,头发给了我一个jquery.treeview.modified文件。上面只用不到20行的js代码就搞定。

   那几行代码也没有什么特别的,用到最主要的一个jquery方法就是:contains方法。

   该函数可用判断给定jquery对象的文本里面是否含有某些字符,用了它在页面上就可以做类似的模糊查询了。

 

   比如:

    $('#tree a:contains("命中")')表示是文本里面含有“命中”;

    $('#tree a:not(:contains("未命中"))')表示的是文本里面没有包含”未命中“;

 

 

jquery这个“选择器”的确很强大。

分享到:
评论

相关推荐

    jQuery中:contains选择器用法实例

    本文实例讲述了jQuery中contains选择器用法。分享给大家供大家参考。...如果不和其他选择器配合使用,则默认状态是和*选择器配合使用,例如$(“:contains”)等同于$(“*:contains”)。 参数列表: 参数 描述

    jquery实现select带模糊搜索下拉选择框

    本教程将详细讲解如何使用 `jQuery` 实现一个具有模糊搜索功能的下拉选择框,以提升用户在交互时的体验。 首先,我们需要了解 `select` 元素在HTML中的基本用法。`<select>` 标签用于创建一个下拉列表,用户可以...

    jquery的data函数

    `jQuery`的`data()`函数是JavaScript库`jQuery`中一个非常重要的功能,它用于在DOM元素上存储和检索自定义数据。这个函数允许开发者在HTML元素上附加任意的JavaScript对象,而不会污染HTML的内置属性,使得数据管理...

    jQuery常见函数

    ### jQuery常见函数详解 #### 一、理解jQuery对象 **jQuery对象**是DOM元素的一种封装形式,通过jQuery库提供的API来操作这些元素。相比于原生JavaScript中的DOM操作,使用jQuery对象更加简便高效。 - **创建...

    锋利的jquery:jquery学习资料和中文参考文档

    学习资料包括: 1.JQuery简介 2.JQuery语法 3.JQuery选择器 4.JQuery事件 ...5.JQuery Callback函数 6.JQuery常用函数 另外还有jquery中文参考文档,希望能对想要学习jquery的朋友有所帮助!

    jQuery页面滚动背景图片模糊放大特效

    【jQuery页面滚动背景图片模糊放大特效】是一种网页交互设计技术,它通过JavaScript库jQuery实现,为用户带来动态视觉体验。这种特效通常应用于网站背景图片,当用户向下滚动页面时,背景图片会逐渐变得模糊并放大,...

    jQuery选择器源码解读(八):addCombinator函数

    addCombinator函数是jQuery选择器引擎中的一部分,主要用于生成基于给定关系选择器的执行函数。选择器引擎是jQuery用于解析和执行CSS选择器的部分,它能够将CSS选择器转换为能够匹配DOM元素的函数。 在详细解读...

    jQuery模糊搜索表格数据代码

    本知识点将深入探讨如何使用jQuery实现模糊搜索功能,特别是在表格数据中的应用。 首先,模糊搜索的核心在于实时过滤表格中的数据,根据用户在输入框中输入的关键词匹配表格中的行。在jQuery中,我们可以监听`input...

    jQuery使用contains过滤器实现精确匹配方法详解

    本文实例讲述了jQuery使用contains过滤器实现...$(“p:contains(张三)”) 或 $(“p:contains(“张三”)”) 表示选择所有包含 “张三” 的 <p> 元素。 在该选择器里也可以使用变量来达到选取的目的,如: $(documen

    JQuery常用函数及功能

    ### JQuery 常用函数及功能详解 #### 一、文档加载完成执行函数 在Web开发中,确保脚本在页面完全加载后再执行是至关重要的。`$(document).ready()` 函数提供了一种简单有效的方法来实现这一点。 **示例代码**: ``...

    jquery函数 强大的封装

    《jQuery函数:强大的封装与应用》 jQuery,作为一款广泛使用的JavaScript库,以其简洁的语法、丰富的API和高效的性能赢得了开发者们的青睐。标题中的“jquery函数 强大的封装”正揭示了jQuery的核心魅力:它将复杂...

    jQuery花瓣网毛玻璃模糊背景特效.zip

    jQuery花瓣网毛玻璃模糊背景特效是一种使用JavaScript库jQuery实现的前端设计效果,它借鉴了花瓣网的设计风格,为网页添加了一种独特的视觉体验。这种特效通过应用模糊滤镜(Blur Filter)和透明度调整...

    jQuery函数全解析

    jQuery函数全解析

    Jquery实现百度模糊搜索

    **jQuery实现百度模糊搜索** 在Web开发中,提供高效的搜索功能是提高用户体验的关键之一。百度模糊搜索就是一个很好的例子,它允许用户在输入关键词时就能快速得到相关结果,无需等待完整词句输入完毕。本教程将...

    jQuery支持模糊查询下拉框菜单选择代码

    在项目中,`styles`目录可能包含了用于美化下拉框和搜索框样式的CSS文件,而`js`目录则包含实现模糊查询功能的JavaScript代码。将样式和逻辑分开,遵循了良好的编程习惯,有助于提高代码可维护性和重用性。 七、...

    jquery应用子页面在父页面打开

    1. **事件监听**:jQuery提供了丰富的事件处理函数,例如`$(window).load()`或`$(document).ready()`,可以确保在子页面完全加载后执行特定的代码。这样,我们可以监听子页面的加载完成,然后执行父页面的相关操作。...

    jQuery对象和函数列表[定义].pdf

    `:header`用于选取所有的标题元素,`:contains(text)`选取包含指定文本的元素,`:empty`则选取没有子元素的元素,`:hidden`和`:visible`分别用于选取隐藏和可见的元素。此外,还有一些基于属性的选择器,例如`"...

    jQuery实现的Ajax函数(已测试)——ASP

    **jQuery实现的Ajax函数在ASP中的应用** Ajax(异步JavaScript和XML)技术允许网页在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容,显著提升了用户体验。jQuery库简化了JavaScript的Ajax操作,...

    jquery页面加载效果

    jQuery的$(document).ready()函数用于确保这一点,只有当页面结构加载完毕后,才执行包裹在其中的代码。 2. **CSS3动画**:jQuery结合CSS3可以创建出丰富多样的动画效果,如淡入淡出、滑动等。CSS3提供了更高效、...

Global site tag (gtag.js) - Google Analytics