jQuery实现判断li的个数从而实现其他功能

需求:当ul中的li大于6个的时候显示图片,当li小于6个的时候隐藏图片,先来看看效果:
当有7个li的时候:
测试图
当有3个li的时候:
测试图

现在吧源码放上来:

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><script src="jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script><style type="text/css">*{margin: 0px;padding: 0px;}.hidden_m{display: none;}#div1{width: 100%;height: 1000px;background: greenyellow;}#li_m_click{background: none;border:0px;}ul li{float: left;width: 150px;background: red;border: 1px solid black;list-style: none;}#div2{width: 25px;height: 25px;background: yellow;}</style></head><body><div id="div1"><ul><li>关键词1</li><li>关键词2</li><li>关键词3</li><li id="li_m_click" ><div id="div2"></div></li></ul></div><script type="text/javascript">$(function(){$("#div2").hide();var count = ($("ul li").length)-1;   //获取所有的li的个数,去掉点击的黑色的liif(count>6){$("#div2").show();alert('现在是大于6');}else{$("#div2").hide();alert('现在是小于6');}})</script></body>
</html>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/326612.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

windows mysql memcached_Memcached在Windows下的安装

前言 &#xff1a; 简介下 Memcached 和 Memcache 的区别和联系Memcached和Memcache的区别&#xff0c;其实很简单&#xff0c;一个是服务端&#xff0c;一个是客户端&#xff0c;就像mysql一样&#xff0c;我们在命令行里输入各种sql语句就能查询到需要的结果&#xff0c;这就…

baiduTemplate / artTemplate

转载自 baiduTemplate / artTemplate JS引擎模板 一、baiduTeplate 模板语法 提供一套模板语法&#xff0c;用户可以定义一个模板区块&#xff0c;每次根据传入的数据生成对应数据产生的html片段&#xff0c;从而渲染不同的界面效果&#xff1b; 优点&#xff1a; 语法简单…

辅助Visual Studio 2017部署的DevOps新工具

我们能看到Visual Studio 2017中的一个重大改进是对安装程序做了完全重写。前期的Visual Studio构建版本都是大一统的&#xff0c;完成安装需要相当长的时间和大量的磁盘空间。因此有需求要对安装过程做一些改进&#xff0c;这在本质上需要改进Visual Studio及其组件的检测方式…

2016蓝桥杯省赛---java---B---6(方格填数)

题目描述 方格填数 思路分析 全排列检查 代码实现 package com.atguigu.TEST;import static java.lang.Math.abs;class Main{static int a[]{0,1,2,3,4,5,6,7,8,9};static int ans;public static boolean check(){if (abs(a[0] - a[1]) 1 || abs(a[0] - a[3]) 1 || abs…

mybatis+spring报错PropertyAccessException 1: org.springframework.beans.MethodInvocationException

报错如下&#xff1a; * org.springframework.beans.factory.BeanCreationException: Error creating bean with name ‘dataSource’ defined in class path resource [applicationContext.xml]: Error setting property values; nested exception is org.springframework…

java中的tostring_java 中重写toString()方法

toString()方法 一般出现在System.out.println(类名.toString());toString()是一种自我描述方法 本身返回的是 getClass().getName() "" Integer.toHexString(hashCode());也就是 类名 hashCode的值重写toString() 只会对类生效&#xff0c;并不能字符串生效; 例如…

art-template入门(一)之介绍

转载自 art-template介绍 介绍 art-template 是一个简约、超快的模板引擎。 它采用作用域预声明的技术来优化模板渲染速度&#xff0c;从而获得接近 JavaScript 极限的运行性能&#xff0c;并且同时支持 NodeJS 和浏览器。在线速度测试。 特性 拥有接近 JavaScript 渲染极…

走过20年……你出现在哪里?

Visual Studio Live 倒计时ing 20岁的 Visual Studio 陪伴了一代代程序猿的成长&#xff0c;从青葱岁月一直走过而立之年&#xff0c;从一个小后生变成了 wuli欧巴……由单身狗也成了孩子他爸…… 如今二十载已过&#xff0c;你还记得当年大明湖畔的 Visual Studio 么&#xff…

2016蓝桥杯省赛---java---B---7(剪邮票)

题目描述 剪邮票 思路分析 全排列深度优先搜索连通检查 代码实现 package com.atguigu.TEST;class Main{static int a[] { 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 1 };static int ans;static boolean vis[]new boolean[12];static void dfs(int g[][], int i, int j) {g[i][…

css解决li边框重合问题

我直接写了个案例&#xff0c;先看下效果图&#xff1a; 下面是html代码&#xff1a; <!DOCTYPE html> <html><head><meta charset"utf-8" /><title>机构动态</title><style type"text/css">*{margin:0px;p…

art-template 入门(二)之安装

转载自 art-template 安装 安装 Npm npm install art-template --save在浏览器中实时编译 下载&#xff1a;lib/template-web.js&#xff08;gzip: 6kb&#xff09; 兼容 IE8&#xff08;IE8 需要补丁才能运行。示例&#xff09; 差异 因为浏览器不支持文件系统&#x…

java文件输入与输出_java文件输入和输出

1.输入读取文件:import java.io.*;import java.math.*;import java.util.*;public class Main{public static void main(String args[]) throws Exception{Scanner cinnew Scanner((new FileInputStream("D:\\in.txt")));int a,b;while(cin.hasNext()){acin.nextInt(…

学习ASP.NET Core,你必须知道“中间件”是什么?中间件如何注册?请求处理管道是如何通过中间件构建的?

ASP.NET Core 的请求处理管道由一个Server和一组有序排列的中间件构成&#xff0c;前者仅仅完成基本的请求监听、接收和响应的工作&#xff0c;请求接收之后和响应之前的所有工作都交给注册的中间件来完成。ASP.NET Core的中间件通过一个类型Func<RequestDelegate, RequestD…

2016蓝桥杯省赛---java---B---8(四平方和)

题目描述 四平方和 代码实现 package com.atguigu.TEST;import java.util.Scanner;class Main{public static void main(String[] args) {Scanner sc new Scanner(System.in);int N0;if (sc.hasNext()){Nsc.nextInt();}for (int a 0; a < 2400; a) {for (int b a; b…

springmvc报错 nested exception is org.mybatis.spring.MyBatisSystemException:

今天在做ssm整合的时候发现了一个错误&#xff0c;头疼了半天没解决&#xff0c;错误如下&#xff1a; 三月 10, 2018 6:43:37 下午 org.apache.catalina.core.AprLifecycleListener init 警告: The APR based Apache Tomcat Native library failed to load. The error repor…

java 银行帐号_Java程序(银行账户管理)

package 账户管理;import java.text.SimpleDateFormat;import java.util.Date;public class Zhanghu {private String _account;private String _name;private String _ID;private Date _accounTimet ;private double _balance;public Zhanghu(String account , String name , …

art-template入门(三)之语法

转载自 art-template语法 语法 art-template 支持标准语法与原始语法。标准语法可以让模板易读写&#xff0c;而原始语法拥有强大的逻辑表达能力。 标准语法支持基本模板语法以及基本 JavaScript 表达式&#xff1b;原始语法支持任意 JavaScript 语句&#xff0c;这和 EJS …

在物理内存中观察CLR托管内存及GC行为

虽然看了一些书&#xff0c;还网络上的一些博文&#xff0c;不过对CLR托管内存细节依然比较模糊。而且因为工作原因总会有很多质疑&#xff0c;想要亲眼看到内存里二进制数据的变化。 所以借助winhex直接查看内存以证实书上的描述或更进一步揣摩CLR托管内存的运作方式&#xff…

2017蓝桥杯省赛---java---B---1(购物单)

题目描述 &#xff08;购物单&#xff09; 思路分析 cmd 打开电脑上的计算器算(算出来的结果是00结尾&#xff0c;作为检测) 答案 5200

art-template入门(四)之调试

转载自 art-template调试 template.defaults.debug art-template 内建调试器&#xff0c;能够捕获到语法与运行错误&#xff0c;并且支持自定义的语法。在 NodeJS 中调试模式会根据环境变量自动开启&#xff1a;process.env.NODE_ENV ! production 设置 template.defaults.…