`

Jquey模糊选择

 
阅读更多

属性字头选择器(Attribute Contains Prefix Selector)
jQuery 属性字头选择器的使用格式是 jQuery(‘[attribute|=value]‘) ,例如 jQuery(‘[herflang|=en]‘) 这句代码执行时将会选择文档中所有含有 herflang 属性,并且 herflang 的值以 “en” 开头的元素,即使 “en” 后面紧跟着连字符 “-” 也能进行选择。
属性开头选择器(Attribute Starts With Selector)
jQuery(‘[attribute^=value]‘) ,用于选择属性的值以某个字符串开头的元素,但和 jQuery(‘[attribute|=value]‘) 的区别是,如果 value 的后面是一个连字符的话,这个元素不会被选择。例如 jQuery(‘[rel^=no]‘) 将会选择所有 rel 的值以 “no” 开头的元素,但类似于 rel=”no-****” 的元素不会被选择。
属性包含选择器(Attribute Contains Selector)
基本使用方法为 jQuery(‘[attribute*=value]‘),例如 jQuery(‘[rel*=no]‘),表示所有带有 rel 属性,并且 rel 的值里包含子字符串 “no” 的元素(如 rel=”nofollow”,rel=”yesorno” 等等)都将会被选择。
属性单词选择器(Attribute Contains Word Selector)
jQuery(‘[attribute~=value]‘),这个选择器的特别之处在于 value 的值只能必须是一个独立的单词(或者是字符串),例如 jQuery(‘[rel~=no]‘) ,此句在执行的时候会选择带有 rel=”yes or no” 的元素,但不会选择带有 rel=”yesorno” 的元素。这个选择器可以看做属性包含选择器的补充品,用于需要进行严格匹配的时候。
属性结尾选择器(Attribute Ends With Selector)
jQuery(‘[attribute$=value]‘) ,用于选择特定属性的值以某个字符串结尾的元素,例如 jQuery(‘[rel$=no]‘) 将会选择 rel 属性的值以 “no” 结尾的元素。
属性均等选择器(Attribute Equals Selector)
jQuery(‘[attribute=value]‘) ,只选择属性的值完全相等的元素,如:jQuery(‘[rel=nofollow]‘),则只选择 rel=”nofollow” 的元素,差一点都不行!
属性非等选择器(Attribute Not Equal Selector)
jQuery(‘[attribute!=value]‘) ,和 :not([attr=value]) 的效果一样,用于选择属性不等于某个值的元素,例如 jQuery(‘[rel!=nofollow]‘),所有 rel=”nofollow” 的元素都不会被选择。
分享到:
评论

相关推荐

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

    本主题聚焦于"jQuery支持模糊查询下拉框菜单选择代码",这是一个常见需求,尤其是在构建交互式网页应用时。下面将详细阐述相关知识点。 一、jQuery基础 jQuery的核心理念是“Write Less, Do More”,它通过简洁的...

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

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

    jQuery模糊搜索表格数据代码

    总结,实现“jQuery模糊搜索表格数据”这一功能,我们需要关注事件监听、模糊搜索算法、性能优化以及用户体验。通过结合HTML、CSS和JavaScript,我们可以创建一个交互性强、响应迅速的模糊搜索工具,使用户能快速...

    jquery模糊提示框

    模糊查询提示框,根据输入内容随时更新提示框。支持鼠标点击、上下enter键选择。 使用简单 导入js文件,使用$.selects({});即可。 脚本有大量注释。也可通过头部参数作简单控制。 注意:案例是在页面做的一个模拟...

    jquery模糊查询功能

    **jQuery 模糊查询功能详解** ...通过以上步骤,我们可以构建一个基本的jQuery模糊查询功能,结合Ajax技术,实现动态、实时的后台数据查询。这不仅对初学者有帮助,也是任何Web开发项目中不可或缺的一部分。

    jquery模糊查询插件

    在提供的 `jquery模糊查询插件用法.docx` 文件中,应该包含了一个详细的使用示例和演示。文档通常会展示如何配置不同的插件选项,如自定义提示样式、加载远程数据源等。通过实践这些示例,开发者可以更直观地了解...

    jQuery下拉框模糊搜索菜单选择代码

    在这个“jQuery下拉框模糊搜索菜单选择代码”项目中,我们主要探讨的是如何利用jQuery和Bootstrap框架来实现一个具有智能搜索功能的下拉菜单。 首先,Bootstrap是一个流行的前端开发框架,提供了丰富的UI组件,如...

    jquery图片模糊效果

    本项目名为“jquery图片模糊效果”,旨在实现一种交互式用户体验:当鼠标悬停在图片上时,该图片清晰显示,而其他图片则变得模糊。这种效果能够吸引用户的注意力并增强视觉层次感。 首先,我们需要理解jQuery的基本...

    jquery模糊查询

    本教程将深入讲解如何利用jQuery实现输入框的模糊查询功能,这一特性常用于数据检索、搜索建议等场景,极大地提高了用户体验。 首先,"模糊查询"是指用户在输入框中输入部分关键字时,系统就能根据这些关键字匹配出...

    jQuery模糊搜索框下拉选择代码

    本文将详细解析"jQuery模糊搜索框下拉选择代码"这一主题,帮助开发者实现高效、友好的用户界面。 首先,模糊搜索是一种在用户输入时实时过滤和显示匹配结果的技术,它极大地提升了用户体验,特别是对于数据量大的...

    jquery下拉多级树选择插件(支持左右移动,以及模糊搜索功能).zip

    本项目聚焦于一个基于jQuery的下拉多级树选择插件,该插件具备左右移动功能和模糊搜索特性,极大地提高了用户在下拉列表中的操作效率。 首先,我们来深入理解这个插件的核心特点: 1. **多级树结构**:此插件能够...

    jQuery模糊搜索框下拉选择代码.zip

    《jQuery模糊搜索框下拉选择代码》是一款针对前端开发者的高效工具,主要应用于网页中的搜索功能优化,尤其适用于需要提供动态筛选和智能匹配效果的场景。这个代码库实现了基于jQuery的模糊搜索功能,使得用户在...

    jquery城市选择器

    当用户输入查询条件时,选择器通过模糊匹配算法(如Levenshtein距离算法)快速找到与输入最接近的城市。同时,利用HTML和CSS构建动态展示的标签页,实现城市列表的分页显示。 四、实际应用 在实际项目中,jQuery...

    Jquery autosuggest 模糊搜索 提示

    **jQuery Autosuggest 模糊搜索实现** 在网页开发中,为用户提供实时的搜索建议是一种常见的交互方式,可以显著提升用户体验。jQuery 的 `autocomplete` 插件就提供了这样的功能,允许用户在输入时得到模糊匹配的...

    jquery模糊搜索带智能提醒的input插件searchableSelect.js

    `searchableSelect.js`是一款基于jQuery的输入框插件,专为实现模糊搜索和智能提示功能而设计。在网页表单中,用户经常需要从大量的数据中选择一个或多个项,传统的下拉列表可能无法满足高效查找的需求。这款插件...

    jQuery模糊图片清晰透视图效果

    总结来说,jQuery模糊图片清晰透视图效果是一种巧妙的网页设计技巧,它结合了jQuery的事件处理和CSS的滤镜功能,为用户带来独特的视觉体验。通过理解并实践这一技术,开发者可以提升网站的交互性和吸引力。

    改写下jquery.searchableSelect.js 支持汉字模糊查询

    "改写下jquery.searchableSelect.js 支持汉字模糊查询"这个主题,就是关于如何优化一个JavaScript插件,使其能更好地适应中文环境,提升用户在下拉框中搜索汉字的效率。 `jquery.searchableSelect.js`是一个jQuery...

    实现背景图片镜头模糊特效的jQuery插件

    标题 "实现背景图片镜头模糊特效的jQuery插件" 指出我们正在讨论一个用于创建视觉特效的jQuery插件,具体来说是模拟摄像机镜头的聚焦与失焦效果。这种特效通常用于提升网页设计的美学,使用户界面更加吸引人。这种...

Global site tag (gtag.js) - Google Analytics