`
sls0919
  • 浏览: 125862 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery标记筛选元素

    博客分类:
  • js
 
阅读更多

$("#name img").attr("src","/static/images/off_single.gif");

//选取元素id为 'name' 中的所有的 'img' 元素,将选取的元素的 'src' 属性赋值

 

 

$("#name img").slice(2,5).attr("src","/static/images/off_single.gif");

//选取元素id为 'name' 中的第2到第5个 'img' 元素,将选取的元素的 'src' 属性赋值

 

 

$('li:eq(2) span').slice(9, 15).css('color','#ccc');

/'/选取html中的第3个 'li' 元素中第9到第15个 'span' 元素,将选取的元素置成灰色

 

$('li:eq(2)').each(function(){

      for(var i = 9; i < 14; i++)

         $(this).find('span').eq(i).css('color','#ccc');

 

})

//同上面一样

 

下面介绍对包装集操作的函数。(引用自http://www.cnblogs.com/yinzixin/archive/2010/03/05/1679311.html

1. html(),html(text). 第一个函数返回包装集第一个元素内部的html,第二个函数将包装集中的所有元素的内部html设置为text。

2.size()。返回包装集包含的元素。

3.get(),get(n)。第一个函数将包装集合内的HTML元素以javascript数组的形式返回,第二个元素返回第n个HTML元素。

4.index(elem). 返回传入的HTML元素elem在包装集中的位置。如果不在包装集中,则返回-1。

5.add(s),add(elem),add(array). add函数用于向包装集中添加元素。如果是选择器,则添加所有被选中的元素,如果是HTML片段,则根据此片段创建HTML元素并添加此元素;如果是HTML元素或者HTML元素的数组,则直接添加。

6. not(expression),filter(expression). 这两个函数是用来筛选包装集的元素的。expression可以是一个字符串(选择符),或者是html元素或者元素数组。not函数除去符合选择符的元素或者包含在数组中的元素。filter则相反,留下符合选择符的元素或者包含在数组中的元素。

7.slice(begin,end) 这个函数返回的是一个新建的包装集,内容是原包装集从第begin到第end个元素。end省略则表示最大长度。

 

分享到:
评论

相关推荐

    jquery筛选器插件选项卡

    标题中的“jquery筛选器插件选项卡”是指利用jQuery库来创建一个功能丰富的筛选器组件,该组件以选项卡的形式展示,用户可以通过点击不同的选项卡来筛选内容。这个插件通常用于网页上数据的分类展示,例如产品列表、...

    jQuery产品筛选展示代码.zip

    这个名为"jQuery产品筛选展示代码.zip"的压缩包显然包含了一套使用jQuery实现的产品筛选和展示的代码示例。jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画效果以及Ajax交互等任务,使得前端...

    jQuery基于layui制作产品分类多条件筛选代码

    这些元素都通过ID或类名进行标记,以便于jQuery和layui的JavaScript代码进行操作。 "usteel-search"可能是一个自定义的JavaScript文件,包含了具体的业务逻辑。在这个文件中,开发者可能会定义函数来处理用户的筛选...

    JQUERY仿东东筛选框

    在这个筛选框组件中,jQuery被用来操作DOM元素,响应用户的交互,并执行相应的筛选逻辑。 2. **JavaScript**:作为网页的脚本语言,JavaScript负责处理页面上的动态效果和用户交互。在这个组件中,JavaScript代码会...

    jQuery多条件分类筛选代码

    通常会包含筛选元素(如复选框、下拉菜单等)以及显示结果的容器。 - `data.js`:存储筛选条件和对应的数据,可以是JSON格式,便于动态加载和处理。 - `css`目录:存放CSS样式文件,用于美化界面和布局。 - `logo...

    jquery 筛选器 制作类似雅虎饲料中阅读器小工具

    筛选器是jQuery的一个核心功能,允许我们高效地选择和操作DOM元素。 首先,我们需要了解jQuery的选择器基础。jQuery支持多种CSS选择器,包括基本选择器(如`#id`、`.class`、`tag`),属性选择器(如`[attr=value]`...

    jQuery下拉查询筛选插件Combo Select.zip

    jQuery下的 Combo Select 插件是一种高效且用户友好的下拉查询筛选工具,广泛应用于网页开发中,特别是需要在大量数据中快速查找和选择项时。这个插件是基于HTML5技术构建的,确保了在现代浏览器中的兼容性和性能。...

    jQuery多功能标签添加筛选插件

    本文将深入探讨“jQuery多功能标签添加筛选插件”,并介绍如何利用jQuery实现此类功能。 首先,让我们理解这个插件的核心概念。标签(Tag)在Web应用中通常用于分类或标记数据,如博客文章的标签、产品分类等。筛选...

    jQuery多条件筛选如何实现

    本文将介绍如何使用jQuery库来实现这种多条件筛选特效。 在具体实现多条件筛选之前,我们首先要定义好页面上展示给用户的筛选条件。这通常需要在HTML页面中为不同种类的筛选条件设置不同的容器,比如本例中的上装和...

    jQuery设置表格条件筛选代码.zip

    筛选功能还可能涉及到DOM操作,如添加或移除特定的CSS类以标记已筛选的行。同时,为了提高性能,可以利用jQuery的`data-*`属性存储原始数据,避免每次筛选时重新计算表格内容。 此外,`说明.htm`和`说明.txt`文件...

    jQuery响应式的选择商品对比筛选代码

    本主题聚焦于"jQuery响应式的选择商品对比筛选代码",这是一个适用于电商网站的功能,允许用户在多款商品之间进行比较和筛选,以帮助他们做出购买决策。以下是对这个功能的详细解释: 1. **响应式设计**:响应式...

    jQuery过滤重复图片筛选代码

    下面我们将深入探讨这个"jQuery过滤重复图片筛选代码"的相关技术细节。 首先,`index.html`是项目的主入口文件,它包含了网页的基本结构,包括HTML元素以及引用外部CSS和JavaScript文件的链接。在这个案例中,`...

    非常酷的jquery图片排序过筛选滤效果

    接着,实现图片的过滤和排序,开发者可能使用了jQuery的`$.each()`函数遍历图片元素,结合条件判断对图片进行筛选。例如,如果按钮标记着“最新”,那么可能通过比较图片的创建时间来显示最近的图片;如果按钮标记着...

    jQuery实现简单图片瀑布流布局分类筛选特效源码.zip

    2. 动态显示:利用jQuery的`.show()`和`.hide()`方法控制图片的可见性,结合CSS类或`data-*`属性来标记每个图片的所属分类,实现快速定位和显示。 四、源码分析 1. "使用须知.txt":这个文件很可能包含了项目使用...

    JQuery+easyUI实例

    1. **选择器**: jQuery提供了丰富的选择器,如ID选择器(#id),类选择器(.class),元素选择器(tag),以及组合选择器,使得选取DOM元素变得简单。 2. **DOM操作**: jQuery封装了获取和操作DOM元素的方法,如`$...

    jQuery权威指南-源代码

    10.1.1 优先使用ID与标记选择器/313 10.1.2 使用jQuery对象缓存/314 10.1.3 给选择器一个上下文/315 10.2 处理选择器中的不规范元素标志/317 10.2.1 选择器中含有特殊符号/317 10.2.2 选择器中含有空格符号/...

    jquery中有哪些api jQuery主要API

    从jQuery 1.8版本开始,`jQuery()`还允许传入原始HTML标记字符串,动态创建DOM元素并进行初始化。`jQuery()`也是`$(document).ready()`的简写形式,这个方法确保在DOM完全加载后执行函数。在jQuery 1.6及以上版本中...

    jquery mobile demo

    3. 修饰组件:利用数据属性和 CSS 类对元素进行标记,使其成为 jQuery Mobile 的组件。 4. 添加交互:利用 jQuery Mobile 的事件和方法,实现页面间的导航、表单处理等交互功能。 5. 自定义主题:通过修改 CSS ...

    jQuery1.8.0学习文档 详解

    - HTML标记字符串:创建新的DOM元素。 - 一个回调函数:在文档加载完成后执行该函数。 2. jQuery对象的方法多样,包括但不限于: - jQuery.holdReady:用于延迟脚本的执行。 - each(callback):遍历jQuery对象...

    jquery.easyui.min

    1. **基础使用**:在HTML文件中引入“jquery.easyui.min.js”后,可以通过jQuery选择器选取元素,然后调用EasyUI的插件方法,如`$(element).datagrid(options)`来创建一个数据网格。 2. **布局管理**:EasyUI提供了...

Global site tag (gtag.js) - Google Analytics