Jquery 查询

最新推荐文章于 2024-09-20 16:06:21 发布
最新推荐文章于 2024-09-20 16:06:21 发布
阅读量517 收藏
点赞数
分类专栏： Jquery 文章标签： jquery function xhtml server table input
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/y112102/article/details/7191528
版权 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="筛选条件查询.aspx.cs" Inherits="筛选条件查询" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("#filterName").keyup(function () {
                $("table tbody tr").hide()
                               .filter(":contains('" + ($(this).val()) + "')")
                               .show();
                              
            }).keyup();
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <br />
        筛选：
        <input id="filterName" />
        <br />
    </div>
    <table>
        <thead>
            <tr>
                <th>
                    姓名
                </th>
                <th>
                    性别
                </th>
                <th>
                    暂住地
                </th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>
                    张山
                </td>
                <td>
                    男
                </td>
                <td>
                    浙江宁波
                </td>
            </tr>
            <tr>
                <td>
                    李四
                </td>
                <td>
                    女
                </td>
                <td>
                    浙江杭州
                </td>
            </tr>
            <tr>
                <td>
                    王五
                </td>
                <td>
                    男
                </td>
                <td>
                    湖南长沙
                </td>
            </tr>
            <tr>
                <td>
                    找六
                </td>
                <td>
                    男
                </td>
                <td>
                    浙江温州
                </td>
            </tr>
            <tr>
                <td>
                    Rain
                </td>
                <td>
                    男
                </td>
                <td>
                    浙江杭州
                </td>
            </tr>
            <tr>
                <td>
                    MAXMAN
                </td>
                <td>
                    女
                </td>
                <td>
                    浙江杭州
                </td>
            </tr>
            <tr>
                <td>
                    王六
                </td>
                <td>
                    男
                </td>
                <td>
                    浙江杭州
                </td>
            </tr>
            <tr>
                <td>
                    李字
                </td>
                <td>
                    女
                </td>
                <td>
                    浙江杭州
                </td>
            </tr>
            <tr>
                <td>
                    李四
                </td>
                <td>
                    男
                </td>
                <td>
                    湖南长沙
                </td>
            </tr>
        </tbody>
    </table>
    </form>
</body>
</html>

 
y112102
关注
专栏目录
jQuery查询数据
weixin_44561520的博客
07-08 2333
开发工具与关键技术：SQL Server 2014与jquery 作者：戴怡斌 撰写时间：2019年7月7日 查询语句在jquery里面是非常常见的，qq登录需要，游戏登录也需要，所以查询是非常常见也是非常重要的。 查询语句一般分两种，一种是多表查询，一种单表查询，多表查询从字面上来理解就是两张或者两张以上的表，单表查询也就不难理解，就是查询一张表的数据较单表查询。 查询一条数据或者多...
jQuery查询div的子div数量
程序员野蛮成长
03-04 5567
jQuery查询div的子div数量 页面示例： &lt;div id="d1" class="c1"&gt; &lt;div id="dd1" class="cc1"&gt;1&lt;/div&gt; &lt;div id="dd2" class="cc2"&gt;2&lt;/div&gt; &amp
jquery查询数据显示在html,JQuery 获取数据列表并显示
weixin_35322457的博客
06-09 1118
简述：试用jquery 获取列表型数据并显示点击某一行之后打开对应的图片知识点：试用jquery从后台获取数据，之后以列表形式展现到前台项目结构： 代码：testList.htmlMyWebProjectrel="stylesheet" />$(document).ready(function(){$.ajax({type:"GET",url: "http://localhost:8080/...
jquery查询数据显示在html,通过jQuery的AJAX+一般处理程序轻松实现Html页面的查询功能...
weixin_28977143的博客
06-09 1062
01第一节：查询概述查询功能在每个软件项目中，都是必备的且是相当重要的一个功能，像百度的搜索框，就是一个查询功能，一个查询功能就能够实现百度的核心功能。查询功能，有的就一个文本框，比较简单，还有的查询条件比较多，查询的更精准，常用于企业内部的系统。那么查询的核心工作原理是什么呢？查询其实就是筛选的意思，根据某个字或词语，在数据库中进行有条件的查询，然后将查询到的结果集返回给客户端，这样在客户端上就...
JQuery实现分页查询
qq_34265010的博客
09-16 2303
&lt;!DOCTYPE html&gt; &lt;html lang="zh-CN"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;分页查询&lt;/title&gt; &lt;script type="text/javascript" src="js/jquer
jQuery下拉框搜索模糊查询实现
牛肉胡辣汤
09-07 1388
通过上述代码，我们实现了使用jQuery在下拉框中进行模糊查询的功能。用户可以通过输入框输入关键词，实时筛选出符合条件的选项，从而更方便快捷地选择需要的选项。希望本文对你有所帮助，如果有任何问题或疑问，欢迎留言讨论。
jQuery查询select框中的值
永立的专栏
12-19 1689
用jQuery查找select框中的value值和option中显示的值。 代码如下：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.
【开发小记】之 jQuery查询，动态添加table表格并进行分页处理
weixin_45438028的博客
07-21 747
采用jQuery进行处理，动态添加表格数据，并按默认一页10条进行分页展示，支持上一页、下一页，首页，尾页，具体页面跳转！
【JQuery】查找元素
liuyanjinbaobao的博客
11-17 1183
JQuery查找元素
jQuery查询城市天气预报特效代码
03-20
jQuery查询城市天气预报特效代码是基于JavaScript库jQuery和百度地图API实现的一种动态效果，它可以方便地在网页上为用户提供实时的天气查询功能。这个功能可以让用户输入城市名，然后通过调用百度地图的接口获取该...
PHP+Mysql+jQuery查询和列表框选择操作实例讲解
10-23
在本篇文章中，主要讲解了如何使用PHP、Mysql以及jQuery技术栈来实现查询操作和列表框的选择功能。这是一个在网站后台管理系统中经常需要实现的功能，其操作流程可以分为以下几个主要知识点： 1. HTML表单的创建与...
jQuery查询城市天气预报代码.zip
05-28
在本项目中，"jQuery查询城市天气预报代码.zip" 是一个包含HTML源码的网页工具，主要用于通过jQuery技术实现对城市天气的实时查询。这个工具利用了百度地图API，为用户提供了一个直观且方便的方式来获取不同城市的...
jquery 查询显示进度条
06-20
该插件可用于 查询或提交等利用jquery显示进度条
JQuery查询器
11-11
**jQuery查询器详解** jQuery，一个轻量级的JavaScript库，因其简洁的API和强大的功能，自2006年发布以来，迅速成为Web开发人员的首选工具之一。本篇文章将深入探讨jQuery查询器，帮助你更好地理解和使用这个强大的...
XHTML学习
大河之犬的博客
09-20 401
XHTML是一个严格遵循 XML语法规则的 HTML 标准。它是 HTML4 的一种重构版本，结合了 HTML 的灵活性和 XML 的严格性，如今XHTML已经得到了所有主流浏览器的支持文档结构XHTML DOCTYPE 是强制性的中的 XML namespace 属性是强制性的、、 以及 也是强制性的元素语法XHTML 元素必须正确嵌套XHTML 元素必须始终关闭XHTML 元素必须小写XHTML 文档必须有一个根元素。
ssm9293农家乐管理系统.zip
最新发布
09-28
技术选型 【后端】：Java 【框架】：ssm 【前端】：vue/jsp 【JDK版本】：JDK1.8 【服务器】：tomcat7+ 【数据库】：mysql 5.7+ 包含：项目源码、数据库脚本、项目功能介绍文档等，该项目源码可作为毕设使用。 项目都经过严格调试，确保可以运行！ 具体项目介绍可查看博主文章
基于SpringBoot和Vue的青锋后台管理系统设计源码
09-28
该源码是一款基于SpringBoot和Vue构建的青锋后台管理系统，集成了371个文件，涵盖148个Java源文件、85个Vue组件、58个JavaScript脚本、23个XML配置、12个FTL模板、7个XLS表格、5个属性文件、3个JSON配置、3个HTML页面和3个LESS样式表。系统以SpringBoot为核心框架，结合layui和Activiti工作流，具备代码生成器、自定义表单和拖拽可视化报表大屏等功能，为用户提供了一个功能齐全、易于扩展的脚手架平台。尽管开源代码可能存在不足，但欢迎广大开发者提出宝贵意见。
基于51单片机太阳能锂电池充电电压电流检测液晶显示设计（毕业设计）
09-28
本设计由STC89C52单片机+LCD1602液晶显示电路+A/D转换芯片PCF8591电路+电压检测电路+电流检测电路ACS712-5A+继电器控制电路+电源电路设计而成。 功能描述： 1、通过太阳能电池板给锂电池充电，通过单片机检测太阳能给电池的充电电压和充电电流，并在1602液晶上显示出来！ 2、通过继电器，有过压保护，当锂电池充电电压超过了4.5V或者充电电流超过1A，继电器断开，充电停止。 资料包含： 程序源码 电路图 任务书 答辩技巧 开题报告 参考论文 系统框图 程序流程图 使用到的芯片资料 器件清单 中期报告 等等资料
外鼻梁条超声焊接机_三维3D设计图纸.zip
09-28
外鼻梁条超声焊接机_三维3D设计图纸.zip
jquery 查询兄弟
07-18
如果你想通过jQuery查询元素的兄弟节点，你可以使用`.next()`、`.prev()`、`.nextAll()`、`.prevAll()`等方法。 - `.next()`：找到当前元素的下一个兄弟元素。 - `.prev()`：找到当前元素的前一个兄弟元素。 - `....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值