`

页面ul-li查询

阅读更多

/*调用点击事件*/
function query(){
$("#bquery").click(function() {
   var fp = jQuery.trim($("#tquery").val());
   if (fp == "") {
    $("#wfnli>li").each(function() {
     $(this).removeClass("hidrow");
    });
   } else if (fp != "") {
    $("#wfnli>li").each(function() {
     var tmr = $(this).children("#wfnlabel").text();
     if (tmr.indexOf(fp) > -1)
      $(this).removeClass("hidrow");
     else
      $(this).addClass("hidrow");
    });
   }
  });
}

//回车相应事件  
function enterTel(){
  $("#tquery").keypress(function(e){
   if (e.which == 13)
    $("#bquery").click();
  });
}

 

 

html部分用的是ul li 布局

分享到:
评论

相关推荐

    div+css+ul-li制作横向导航栏

    首先,我们需要创建一个`<div>`作为导航栏容器,然后在其中嵌套一个`<ul>`标签,`<ul>`中包含多个`<li>`标签,每个`<li>`代表一个导航链接: ```html <ul> <li>首页</a></li> <li>关于我们</a></li> <li>服务...

    DIV CSS布局教程:应用ul、li实现表格形式

    标题中的“DIV CSS布局教程:应用ul、li实现表格形式”指的是使用HTML的无序列表(`<ul>`)和列表项(`<li>`)元素,通过CSS样式来模拟传统HTML表格(`<table>`)的效果。这种方法常用于创建灵活、响应式的布局,...

    jsp ul 下的li 标签循环滚动

    在`jsp`页面中,我们经常会遇到需要实现元素动态效果的需求,例如`ul`(无序列表)下的`li`(列表项)标签进行循环滚动。这种效果可以增强用户界面的交互性和吸引力,常见于新闻滚动、公告栏或者菜单导航等场景。 ...

    jquery 折叠ul li

    ### 使用jQuery实现ul li列表的折叠效果 在前端开发中,为了提高用户体验并优化界面布局,经常需要实现一些动态效果,比如菜单项的展开与折叠。这种效果可以通过jQuery轻松实现。接下来,我们将详细探讨如何利用...

    div ul li排列图片的样式

    在网页设计中,`div`、`ul`和`li`是HTML中常见的元素,用于组织和布局页面内容。在本场景中,我们要讨论的是如何使用CSS(Cascading Style Sheets)来对`div`内的`ul`和`li`元素进行样式设置,特别是将图片以特定...

    ul li 模拟省市区下拉框

    在网页开发中,为了提供更好的用户体验,我们常常需要模拟出具有层级关系的...以上就是“ul li 模拟省市区下拉框”的相关知识点,它涉及到前端UI设计、数据处理、事件驱动编程等多个方面,是网页开发中的一个重要技能。

    HTML 列表中的dl,dt,dd,ul,li,ol区别及应用.doc

    它使用`<ul>`标签作为容器,每个列表项由`<li>`标签包裹。默认情况下,列表项前会显示一个圆点,但可以通过CSS样式进行自定义。例如: ```html <ul> <li>项目1</li> <li>项目2</li> <li>项目3</li> </ul> ```...

    css中使用ul li ul li ul li ul li 实现四层级联菜单

    在这里,我们使用了嵌套的ul和li标签来构建一个层级关系。每个li元素内可以包含一个a标签(代表链接)和一个更深层次的ul列表。这样逐层嵌套,直到达到四级菜单。 接下来,我们通过CSS来定义这些菜单项的样式。在...

    CSS中的ul与li样式详解.docx

    CSS 中的 ul 和 li 元素是使用 CSS 布局页面时常用的元素,其中有专门控制列表表现的属性。下面我们来详细介绍这些属性。 一、 list-style-type 属性 list-style-type 属性是用来定义 li 列表的项目符号的,即列表...

    用“ul li”及css制作韩国风格菜单.rar

    在网页设计中,菜单导航是页面布局的重要组成部分,它引导用户轻松访问网站的不同部分。本教程将详细介绍如何利用HTML的`<ul>`和`<li>`元素,结合CSS样式,来创建一个具有韩国风格的菜单导航。这个"用“ul li”及css...

    纯CSS UL LI下拉式菜单特效.rar

    "纯CSS UL LI下拉式菜单特效"是一个高效且实用的解决方案,尤其适用于那些希望保持页面简洁、避免过多JavaScript交互的网站。这个压缩包提供了一种无需JavaScript就能实现下拉效果的CSS方法,遵循了WEB2.0标准,提高...

    Conteo-de-li-li-localstorage:Uso de localstorage

    在这个"Conteo-de-li-localstorage-master"项目中,可能有一个列表(ul > li),用户可以通过交互增加或减少列表项。`localStorage` 可用于保存当前列表的计数状态,即使用户刷新页面,也能恢复之前的状态。例如: ...

    ul和li实现分两列(多列)布局显示

    通过调整ul的宽度和li的宽度,可以灵活地控制列的数量和宽度比例,从而适应不同的页面布局需求。 需要注意的是,使用浮动布局时可能会导致一些布局上的问题,例如父容器高度塌陷,这就需要使用清除浮动(clear-fix...

    jQuery ul 分页

    2. **jQuery选择器与数据处理**:使用jQuery选择器获取ul中的li元素,计算总共有多少页。每页显示的li数量是可配置的。例如,每页显示10条数据,如果有50条数据,那么就是5页。 3. **事件监听**:为“上一页”和...

    修改UL和LI间隔的简单方法

    列表分为无序列表(UL)和有序列表(OL),列表项分别为(LI)。为了使网页的布局更加美观,有时需要调整这些列表项之间的间隔。常见的方法是通过CSS(层叠样式表)来修改UL和LI元素的间隔。 当涉及到修改UL和LI...

    Jquery和JS获取ul中li标签的实现方法

    使用选择器`$("ul li")`可以直接选取所有ul下的li元素。如果想要获取每个ul下的最后一个li元素,可以使用`.each()`方法来遍历ul元素,并获取每个ul下的最后一个子元素: ```javascript $(function() { $("ul")....

    JS动态增加删除UL节点LI及相关内容示例

    如示例所示,我们有一个UL元素,其ID为“ul”,里面包含了多个LI元素,每个LI元素内都包含一个文本内容和一个删除链接(通过a元素实现),该链接绑定了一个名为“del”的JavaScript函数,用于删除对应的LI元素。...

    javascript操作ul中li的方法

    本文详细介绍了如何使用JavaScript来操作`ul`元素中的`li`项,特别是一些鼠标事件的监听和处理,以及如何改变页面元素的属性,实现如背景颜色和字体大小的动态变化。以下是详细知识点。 ### 1. 获取页面元素 在...

    web前端大作业制作网上商城页面(html+css)

    用到了ul-li,div,等常见的标签,css用到了绝对定位、相对定位等常见的知识点。 资源下载解压后即可点击运行html文件,浏览器中就会出现效果图。 所有模块代码都会有相应的注释信息,以便于大家后续阅读和更改代码...

Global site tag (gtag.js) - Google Analytics