`
nivcheral
  • 浏览: 71347 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

用JQuery制作过滤

    博客分类:
  • ajax
阅读更多

jQuery提供许多过滤选择器,用来处理更复杂的选择,很多时希望知道用户所选中复选,都是通过属性来断定,那么只有得到初状态下的选中状态的选中情况。

下面写一个。。第一步用Aptana创建一个jQuery项目

<script type="text/javascript" src="lib/jquery/jquery.js">
    </script>
    <body>
        <style>
            
            .myclass {
                background-color: #ff0000;
                text-decoration: underline;
            }
            
        </style>
        <script language=javascript>
            function showstyle(box){
           
                $("input[name=" + box + "]:checked").addClass("myclass");//:checked代表所选中的多选给它添加样式
                
            }
            
            
        </script>
        <input type=checkbox name=sport>aaa<input type=checkbox name=sport>vv<input type=checkbox name=sport>bbb<input type=button name=sport onclick=showstyle('sport');>aaa
    </body>

 

2
0
分享到:
评论

相关推荐

    jquery多条件过滤

    通过使用jQuery,我们可以用更简洁的代码实现复杂的功能。 在创建多条件过滤功能时,我们通常会涉及以下几个关键步骤: 1. **数据结构**:首先,你需要将商品数据存储在一个合适的结构中,例如JSON数组。每个对象...

    jQuery过滤关键字插件

    jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作以及Ajax交互等任务。jQuery过滤关键字插件通常是基于jQuery构建的,利用jQuery的API和方法来实现高效的数据过滤。 在"index.html"...

    jquery可见性过滤选择器使用示例

    在JavaScript的世界里,jQuery是一个非常流行的库,它极大地简化了DOM操作、事件处理以及动画制作。今天我们将深入探讨一个特定的jQuery功能——可见性过滤选择器。这些选择器允许我们根据元素的可见状态来选取DOM中...

    jquery按字母顺序过滤列表.zip

    jQuery是一款广泛使用的JavaScript库,简化了DOM操作、事件处理、动画制作和Ajax交互。Listnav插件是基于jQuery的一个扩展,它的主要功能是为长列表提供字母导航,使得用户可以按照字母顺序快速跳转到列表的特定部分...

    用jquery制作菜单树

    jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理和动画效果。而`jQuery-zTree`则是一个基于jQuery的插件,专门用于构建可扩展、功能丰富的树形控件。在这个教程中,我们将深入探讨如何利用jQuery-...

    基于jQuery制作的主从单据录入插件

    基于jQuery制作的主从单据录入插件能够帮助开发者高效地实现这一功能,提高用户体验。 一、jQuery简介 jQuery是一款轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。通过jQuery,...

    jQuery制作网页表格数据优化插件.rar

    《jQuery制作网页表格数据优化插件详解》 在网页开发中,数据展示是不可或缺的一环,尤其是对于数据量较大的表格,如何高效、美观地呈现这些信息成为了一个挑战。jQuery作为一个强大的JavaScript库,提供了丰富的...

    使用jQuery快速高效制作网页交互特效.zip

    1. **jQuery基础**:介绍jQuery的基本概念,包括如何引入jQuery库,以及使用`$`符号进行选择器操作,如选取元素、过滤元素、获取和设置属性等。 2. **DOM操作**:讲解jQuery如何简化DOM(文档对象模型)的操作,如...

    jQuery设计思想完整篇

    全世界排名前100万的网站中,有超过46%的网站使用jQuery,这远远超过了其他库的使用率。微软公司甚至将jQuery作为其官方库,这进一步证明了jQuery在业界的权威地位。对于网页开发者而言,掌握jQuery不仅能够帮助快速...

    简单实用轻量级的jQuery过滤器插件fastLiveFilter.zip

    在前端开发中,jQuery是一个非常流行且功能丰富的JavaScript库,它极大地简化了DOM操作、事件处理、动画制作等任务。而“fastLiveFilter”则是一个针对jQuery设计的轻量级过滤器插件,专用于提高数据筛选和实时搜索...

    jQuery分类信息筛选过滤代码.zip

    首先,jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画制作和Ajax交互。在实现信息筛选过滤时,jQuery的高效性能和丰富的API提供了便利条件。 在标题提及的"jQuery表格上移下移置顶代码"中,...

    jQuery QQ登陆框效果

    在本文中,我们将深入探讨如何使用jQuery来实现QQ登录框的效果,这主要应用于网页的用户登录界面,旨在提供与腾讯电脑管家论坛类似的用户体验。QQ登录框效果是通过结合jQuery库的强大功能,创建一个弹出式窗口,用户...

    使用bootstrap和jQuery制作下拉输入框

    4. 使用jQuery的`.on()`方法监听输入事件,`.filter()`方法进行筛选操作。 通过这种方式,我们可以创建一个既美观又实用的下拉输入框,提供出色的用户体验。这在构建Web应用的搜索功能或者选择列表时非常有用。

    jquery制作酒店房子多条件筛选代码

    【jQuery制作酒店房源多条件筛选】是Web开发中常见的需求,尤其在预订系统或信息展示平台中,用户往往需要根据不同的条件快速找到符合自己需求的房源。本项目使用了jQuery 1.5版本来实现这一功能,这是一套轻量级、...

    JQuery Mobile教程

    - 确保使用的 JQuery 版本至少为 1.6.4 或 1.7.1。 2. **页面结构**: - 使用 HTML5 的 data-* 属性对元素进行标记,例如: - `&lt;div data-role="page"&gt;`:页面容器。 - `&lt;div data-role="header"&gt;`:页面头部。...

    使用jquery实现好友列表的增删查

    在IT行业中,jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务。本项目"使用jquery实现好友列表的增删查"旨在通过jQuery来实现一个交互式的好友管理系统,具备添加、...

    jquery插件--表格分页

    jQuery提供了一种简洁的API,让DOM操作、事件处理、动画制作和Ajax交互变得容易。 2. 表格分页概念:表格分页是将大量数据分段显示在多个页面上,用户可以逐页浏览,避免一次性加载过多数据导致页面响应慢或用户...

    jquery入门文档ppt

    jQuery 是一个广泛使用的JavaScript库,它的设计目标是简化HTML文档遍历、事件处理、动画制作以及AJAX交互。由于其轻量级、兼容性好和易于学习的特点,jQuery 已经成为了网页开发中的标准工具。 在jQuery入门文档中...

    jQuery使用手册及实例

    jQuery 是一款非常流行的 JavaScript 库,它简化了DOM操作、事件处理、动画制作以及Ajax交互等多个方面,使得JavaScript编程变得更加简洁高效。本篇内容将深入探讨jQuery的核心概念、常用方法、事件属性以及如何利用...

Global site tag (gtag.js) - Google Analytics