1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <script src="scripts/jquery-1.9.1.min.js"></script> 6 <style> 7 .ulcss { 8 background-color:gray; 9 font-size: 20px 10 } 11 </style> 12 <title>JQuery小技巧--属性过滤器不完整</title> 13 14 <!-- 新窗口打开页面 --> 15 <script> 16 <!-- 将所有以 http:// 开头的链接从新窗口打开 --> 17 $(document).ready(function(){ 18 //动态添加控件 19 $("<li><a href='http://www.sohu.com'>搜狐网</a></li>").appendTo("div.ulcss>ul"); 20 $("div.ulcss>ul").append("<li><a href='http://www.163.com'>网易</a></li>"); 21 22 //JQuery [attribute=value] 属性过滤器，全字符匹配 23 $("a[rel='SelfViewOpen']").click(function(e){ 24 //设置元素属性attr 25 $(this).attr("target","_self"); 26 }); 27 //JQuery [attribute!=value] 同 not([attr="value"]) 28 //全字符匹配，取出属性以不包括指定字符串的元素 29 //取得不包含 http:// 字符串的并添加一段字符串 30 //[href*=value] 属性过滤，模糊匹配 31 $("a").not("[href*='http://']").append("<b>本地链接网站</b>"); 32 33 //JQuery [attribute^=value] 取出属性以指定字符串开头的元素 34 $("a[href^='http://']").attr("target","_blank"); 35 //JQuery [attribute$=value] 取出属性以指定字符串结尾的元素 36 $("a[href$='edu.cn']").css("background-color","red").append("--教育网"); 37 }); 38 </script> 39 40 </head> 41 42 <body> 43 <div class="ulcss"> <span>网站导航</span><br/> 44 <ul> 45 <li> <a href="http://www.cnblogs.com" rel="SelfViewOpen" >博客园</a> </li> 46 <li> <a href="http://www.###.edu.cn">不好意思说</a></li> 47 <li> <a href="#">没有 http://</a></li> 48 </ul> 49 </div> 50 <div id="div_display"></div> 51 </body> 52 </html>
相关推荐
在"jQuery过滤器图片浏览"这个项目中，过滤器可能被用来根据图片的标签、类名或者其他属性（如数据属性）筛选图片，使得用户可以根据自己的需求查看相关的图片集。 **jQuery图片浏览特效**： 在网页上实现图片浏览...
《jQuery图片筛选过滤器插件详解》 在Web开发领域，jQuery库因其强大的功能和易用性而备受青睐。在创建交互式网站时，图片筛选和过滤是常见且重要的功能，尤其是在展示大量图片的场景下。本文将深入探讨一款名为...
**jQuery过滤器图片浏览** jQuery是一款广泛应用于网页开发的JavaScript库，它简化了HTML文档遍历、事件处理、...开发者需要理解并熟练掌握jQuery的过滤器API，以及如何结合HTML和CSS来构建一个完整的图片浏览系统。
### jQuery选择器与过滤器深度解析 在前端开发领域，jQuery因其简洁的语法和强大的功能，长期以来备受开发者青睐。其中，选择器与过滤器作为jQuery的核心功能之一，为DOM操作提供了极大的灵活性和便利性。本文将对...
在jQuery中，属性过滤选择器是一种强大的工具，用于根据元素的特定属性或其值来定位DOM中的元素。这些选择器使我们能够精确地选择需要操作的元素，而无需编写复杂的循环或条件语句。以下是对标题和描述中提到的属性...
在jQuery中，表单域属性过滤器是一种强大的选择器机制，它允许开发者高效地选取具有特定属性状态的表单元素，如被选中、启用、禁用等。这些过滤器对于处理用户界面交互和动态更新表单内容尤其有用。本文将深入探讨...
【jQuery 分类图片过滤器插件】是一种基于JavaScript库jQuery实现的动态图片筛选工具，它允许用户根据不同的分类条件快速浏览和筛选图片。这个插件主要用于提升网页中展示大量图片时的用户体验，使得用户能够方便地...
今天我们将深入探讨一个特定的jQuery功能——可见性过滤选择器。这些选择器允许我们根据元素的可见状态来选取DOM中的节点，从而实现更加精细化的操作。 首先，jQuery提供了两种主要的可见性过滤选择器：`:visible` ...
每个对象代表一个商品，包含如名称、价格、类别等属性，便于后续的过滤操作。 2. **DOM操作**：使用jQuery选择器来获取和操作HTML元素。例如，为每个筛选条件创建对应的输入框或下拉菜单，并绑定事件监听器。`$('...
属性过滤选择器是jQuery中用于基于元素的属性进行筛选的一类选择器。它们允许我们根据元素的属性值是否存在、等于某个值或者以某个字符串开头等条件来选取元素。常见的属性过滤选择器包括： 1. `[attribute]`：选取...
总的来说，jQuery图片筛选过滤器插件通过jQuery的DOM操作、事件处理和数据属性等功能，实现了高效且灵活的图片筛选效果。理解并掌握这些核心概念，有助于开发者快速创建出符合需求的交互式网页应用。在实际开发中，...
在本讲中，我们将深入探讨jQuery的选择器和过滤器，这些工具是jQuery强大功能的核心部分。 首先，jQuery选择器是用于选取HTML元素的关键机制。它们借鉴了CSS选择器的语法，并在此基础上扩展了一些额外的功能，使得...
jQuery 属性过滤选择器是 jQuery 选择器的一种，它允许我们根据 HTML 元素的特定属性来筛选和操作元素。在 JavaScript 中，DOM 操作往往需要遍历整个文档，而 jQuery 的选择器则大大简化了这个过程，提高了性能。本...
本教程将详细讲解如何利用jQuery实现一个带有过滤器的分类搜索框，帮助用户高效地在各类数据中进行查找。 首先，我们需要理解jQuery中的基本概念。jQuery对象是jQuery的核心，它封装了DOM元素，提供了丰富的API供...
JQuery对象可以调用JQuery的方法，但不能直接访问DOM对象的属性和方法。要将JQuery对象转换为DOM对象，可以使用索引访问，如`JQueryObj[0]`或`JQueryObj.get(0)`。相反，要将DOM对象转换为JQuery对象，可以使用`$...
"jQuery选项卡切换过滤器帅选图片浏览"是一个利用jQuery实现的功能，通常用于创建交互式和动态的网页内容展示，特别是在图片浏览场景中。这个功能结合了选项卡切换和过滤器的概念，使用户能够更方便地浏览和筛选图片...
本篇文章将深入探讨如何利用jQuery ZTree实现模糊查询功能，并对树上的节点添加过滤器。 首先，我们要理解jQuery ZTree的核心特性之一是其强大的数据管理能力。通过配置数据参数，我们可以定制树的展示方式，包括...
选择器用于指定目标元素，而过滤器则进一步细化选择结果，通常用于从已选元素中筛选出符合特定条件的子集。两者可以灵活组合，形成复杂的选择表达式，满足多样化的DOM操作需求。 #### 三、基础选择器详解 1. **#id...