Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >jq 判断是否为空,为空隐藏指定 div

jq 判断是否为空,为空隐藏指定 div

作者头像
Savalone
发布于 2020-02-11 06:40:23
发布于 2020-02-11 06:40:23
7.8K00
代码可运行
举报
文章被收录于专栏:Savalone's BlogSavalone's Blog
运行总次数:0
代码可运行
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<style>.mydiv{ width:300px; height:300px; background:red;}</style>
<div class="mydiv">
    <div class="content">
    
    这是一句话,删除的话会让 mydiv display:none;
    
    </div>
</div>
<script src="https://lib.baomitu.com/jquery/3.4.1/jquery.min.js"></script>
<script>
var divContent=$(".content").html();
if(divContent==0||divContent==null){
    $(".mydiv").hide()
}else{
    $(".mydiv").show()
}
</script>
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019年12月10日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
Web前端开发JQuery框架笔记
ID选择器: 通过使用简单的$(#id)标识前缀,实现快速匹配指定ID的元素对象,具体用法如下.
王 瑞
2022/12/28
12K0
配合JQuery练习
<!-- <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <script type="text/javascript" src="http://ajax.microso
仇诺伊
2018/09/12
9130
js显示隐藏 display visibility以及jquery里的show hide的区别
display和visibility都是css样式,而show hide则是jquery的方法
坚毅的小解同志的前端社区
2022/11/28
5.7K0
js显示隐藏 display visibility以及jquery里的show hide的区别
JQuery 实现开发常用功能
标签克隆的两种实现方式: <body> <div> <p> <a onclick="Add(this)">+</a> <input type="text"/> </p> </div> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script> function Add(ths) {
王 瑞
2022/12/28
5.4K0
第86节:Java中的JQuery基础
jquery是一种快速,小巧,功能丰富的JavaScript库,可以让html文档遍历和操作,事件处理,动画和ajax更加容易使用的一种api,可以在多种浏览器中工作。
达达前端
2019/07/03
3K0
第86节:Java中的JQuery基础
jQuery实现元素的鼠标移入移出及点击显示隐藏(微信二维码)
怎么来实现它呢?我们首先写一个简单的页面,实现鼠标移入移除或者点击显示隐藏效果。
德顺
2019/11/13
3.9K0
jQuery实现元素的鼠标移入移出及点击显示隐藏(微信二维码)
Jq实现简单的选项卡功能
下面我们使用Jquery实现简单的选项卡效果,以下为示例代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> ul,li{ padding: 0; margin: 0; } .content{ width: 380px; } .content #div0,#div1,#div2{ border:solid 2px pink;
申霖
2019/12/27
8200
【前端性能】必须要掌握的原生JS实现JQuery
很多时候,我们经常听见有人说jquery有多快多快。在这个各种类库满天飞的时候,不得不说的是,能有原生JS快吗? 是的,明显原生JS要更快,因为诸如JQuery这样的库必须要兼容各种浏览器和低版本和许多其他的东西,考虑通用性必然会导致性能的损耗。 当然,我不是提倡写代码纯用原生JS实现,我记得淘宝玉伯曾经说的一句话“框架能够让我们走的更快,但只有了解原生的JS才能让我们走的更远”。 一些感(fei)想(hua): 原生的js,好比全真教的武功,一步步从基础开始(先练气再御剑),很长一段时间内和jquery
Sb_Coco
2018/05/28
1.3K0
jQuery实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="jquery-3.2.1.min.js"></script> <style> * { margin: 0px; padding: 0px; } li { list-style: none; }
人生不如戏
2018/04/12
1.1K0
SpringBoot入门建站全系列(八)集成模板引擎(thymeleaf)渲染页面
本文不讲前后端分离,先讲下模板引擎,Springboot支持很多模板引擎,thymeleaf算是比较好用的一种。
品茗IT
2019/08/09
2.1K0
情人节程序员用HTML网页表白【七夕烟花】 HTML5七夕情人节表白网页源码 HTML+CSS+JavaScript
1 网页简介:基于 HTML+CSS+JavaScript 制作七夕情人节表白网页、生日祝福、七夕告白、 求婚、浪漫爱情3D相册、炫酷代码 ,快来制作一款高端的表白网页送(他/她)浪漫的告白,制作修改简单,可自行更换背景音乐,文字和图片即可使用
IT司马青衫
2022/08/20
8650
情人节程序员用HTML网页表白【七夕烟花】 HTML5七夕情人节表白网页源码 HTML+CSS+JavaScript
22.jQuery(实例)
1.开关灯效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .hide{ display: none; } </style> </head> <body> <input id="i1" type="button" value="开关" /> <div class="c
zhang_derek
2018/04/11
1.7K0
jQuery基础
一 jQuery是什么? [1]   jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多 javascript高手加入其team。 [2]   jQuery是继prototype之后又一个优秀的Javascript框架。其宗旨是——WRITE LESS,DO MORE! [3]  它是轻量级的js库(压缩后只有21k) ,这是其它的js库所不及的,它兼容CSS3,还兼容各种浏览器 [4]  jQuery是一个快速的,简洁的javaScript库,使用户能更方便地处理HTMLdo
用户1214487
2018/01/24
2.2K0
浏览器中的几个高度
载入首批数据,文档高度( $('html').height() == 2500px )
Z4
2020/04/21
2K0
jQuery
ps:.offset()方法允许我们检索一个元素相对于文档(document)的当前位置,和 .position()的差别在于: .position()是相对于相对于父级元素的位移;
HammerZe
2022/03/25
7K0
jQuery
给兰空图床添加一个后台获取Tonken功能
直接在 /resources/views/common/api.blade.php 文件里合适的位置添加以下代码
听闻所见
2023/08/02
4100
给兰空图床添加一个后台获取Tonken功能
jQuery
    2.jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互,能够极大地简化JavaScript编程。它的宗旨就是:“Write less, do more.“
changxin7
2022/05/06
9.2K0
jQuery
$.extend()插件(放大镜)
1.结构 <div class="small0"> <img src="img/01.png" alt="01"/> <div class="mask0"></div> </div> <div class="big0"> 2.样式 <style> *{margin: 0;padding: 0} .small0{ width: 300px; position: absolute;
天天_哥
2018/09/29
1.3K0
jquery学习
<1> jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多 javascript高手加入其team。
菲宇
2019/06/13
2.3K0
E026Web学习笔记-JQuery(四):动画、遍历、事件、插件
訾博ZiBo
2025/01/06
800
E026Web学习笔记-JQuery(四):动画、遍历、事件、插件
相关推荐
Web前端开发JQuery框架笔记
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验