开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

在执行一个JQuery Hide/Show DIV层之后，有可能以HTML为目标吗？

在执行一个JQuery Hide/Show DIV层之后，不会直接以HTML为目标。JQuery的Hide/Show方法是用于控制页面元素的显示和隐藏，它通过修改元素的CSS属性来实现。当调用Hide方法时，元素的display属性会被设置为"none"，从而隐藏元素；而调用Show方法时，元素的display属性会被设置为原来的值，从而显示元素。

在这个过程中，JQuery只是修改了元素的CSS属性，并没有直接操作HTML。HTML是用于描述网页结构的标记语言，它定义了网页的内容和结构，而CSS则用于控制网页的样式和布局。JQuery是一个JavaScript库，它提供了丰富的API来简化JavaScript编程，包括对DOM元素的操作和事件处理等。

因此，在执行一个JQuery Hide/Show DIV层之后，并不会直接以HTML为目标，而是通过修改元素的CSS属性来实现元素的显示和隐藏。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

jQuery基础图文系列

jquery的入口函数是在html所有标签都加载后才执行，而JavaScript的window.onload事件是等到所有内容加载完后才执行。

01

jQuery基础系列

jquery的入口函数是在html所有标签都加载后才执行，而JavaScript的window.onload事件是等到所有内容加载完后才执行。

02

jQuery Cheat—Sheet（jQuery学习笔记）

jQuery Cheat—Sheet（jQuery学习笔记） Web前端学习笔记之——jQuery学习笔记 ---- 什么是jQuery？ jQuery是一种JavaScript库，实现了常见任务的自动化和复杂任务简单化。 jQuery库为Web脚本编程提供了通用的抽象层，使之适合任何脚本编程情景。 jQuery能满足以下需求：取得文档中的元素、修改页面外观、改变文档内容、响应用户的交互操作、为页面添加动态效果、不刷新加载、简化常见的JavaScript任务。 ---- jQuery版本？

03

使用jQuery的delay()延迟执行show()和hide()不起效的解决方法

今天使用 jQuery 的 delay() 来延迟执行 hide() ，发现延时不起效，查了一些资料，找到了其中的原因。

01

jQuery 动画

jQuery动画相关方法概况方法说明实例 hide()和show() 隐藏和显示 HTML 元素。 $("#hide").click(function(){

08

python_day15_前端_jQue

<1> jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多 javascript高手加入其team。

02

05-老马jQuery教程-动画

根据文章内容总结摘要。

00

第86节：Java中的JQuery基础

jquery是一种快速，小巧，功能丰富的JavaScript库，可以让html文档遍历和操作，事件处理，动画和ajax更加容易使用的一种api，可以在多种浏览器中工作。

03

jQuery框架实现元素显示及隐藏动画【附案例分析】

我之前也和小伙伴们讲过使用jQuery框架可以很好的对html中元素的属性等进行操作，所以上面显示和隐藏的也只是一个div，而并不是一个图片。下面我就来和小伙伴们讲一个如何对元素的属性进行操作，使其显示或者隐藏！

02

鼠标点击层以外的地方层隐藏

根据去哪儿（http://www.qunar.com/）输入框点击按钮而写实现功能效果： 1、点击按钮，相应层显示，点击层以外的部分层隐藏; 2、重复点击按钮时，按钮附属层显示时变隐藏，反之亦然; 3、如果一个页面上有两个以上这种效果，层会有互斥效果; <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default5.aspx.cs" Inherits="Default5" %> <!DOCTYPE html PUBLIC "-//W3C/

06

jquery中hide、show、slideUp、slideDown、animate应用

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>jquery_slip.html</title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(docum

04

jQuery的简单使用

jQuery注册事件也很简单，通过选择器包装好标签对象后，调用相关的事件方法即可，调用事件方法时需要传递一个函数对象，当事件被触发就会执行函数里的代码。在jQuery里的事件名称并没有与html中的事件名称有多大区别，还是那个熟悉的味道熟悉的套路，示例：

01

jquery中html、before、after、append、prepend应用

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>jquery_slip.html</title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(docum

09

Bootstrap 模态框（Modal）插件的基本应用

通常用来显示一个单独的源内容或者是对一些模块进行进一步详细的介绍，可以在不离开父窗体的情况下进行一些互动和内容的交互。

00

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

06

jQuery 基本语法

jQuery，一个 JavaScript 库，极大地简化了 JavaScript 编程，很容易学习。它是一款同prototype、Note.js等一样优秀的js开发库类，特别是对css和XPath的支持，使我们写js变得更加方便！如果你不是个js高手又想写出优秀的js效果，jQuery可以帮你达到目的！

04

【一起来烧脑】读懂JQuery知识体系

在现在就业的过程中，会运用JQuery是你的加分项，那么什么是JQuery，嗯，jquery是JavaScript的函数库，是一种轻量级的JavaScript库，写得少，做的多，导致jQuery有很多技术人员在使用它做项目。

03

【jQuery动画】显示与隐藏效果

在网页开发中，适当地使用动画可以使页面更加美观，进而增强用户体验。jQuery中内置了一系列方法用于实现动画，当这些方法不能满足实际要求时，用户也可以自定义动画。本期我们一起来了解一下显示与隐藏效果吧~

01

配合JQuery练习

03

jquery智能弹出层，自己主动推断位置

<!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> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> <title>jquery弹出层浮动层代码</title> <script src=”/ajaxjs/jquery1.3.2.js” type=”text/javascript”></script> <style> *{ margin:0; padding:0} body{ margin:0; padding:0; font-size:12px} ul,li{ list-style:none} ul{position:relative;top:-3px; left:-3px;border:1px solid #ccc; background:#fff;} li{height:23px;line-height:23px;cursor:default; padding:0 0 0 10px} li.current{background:#eee} .wrap{ width:158px; background:#eee; position:absolute;} </style> <script type=”text/javascript”> $(function(){ $(“.wrap”).hide(); var objW=$(“.wrap”).width(); var objH=$(“.wrap”).height(); $(document).mousedown(function(e){ var selfX=objW+e.pageX; var selfY=objH+e.pageY var bodyW=document.documentElement.clientWidth+document.documentElement.scrollLeft; var bodyH=document.documentElement.clientHeight+document.documentElement.scrollTop; if(selfX>bodyW && selfY>bodyH){ $(“.wrap”).css({top:(bodyH-objH),left:(bodyW-objW)}).show(); }else if(selfY>bodyH){ $(“.wrap”).css({top:(bodyH-objH),left:e.pageX}).show(); }else if(selfX>bodyW){ $(“.wrap”).css({top:e.pageY,left:(bodyW-objW)}).show(); }else{ $(“.wrap”).css({top:e.pageY,left:e.pageX}).show(); } }) $(“li”).hover(function(){ $(this).addClass(“current”); },function(){ $(this).removeClass(“current”); }).click(function(){ alert($(this).text()) $(this).parent().parent().hide(); }) }) </script> </head> <body>

请按F5刷新，才干看到效果。
点击鼠标左键，弹出层，
在最右边点击时

03

05-老马jQuery教程-动画

根据文章内容总结摘要。

05

jQuery学习笔记

jQuery函数位于一个document ready函数中，我们需要在js中加载该函数文档

03

jquery特殊效果 - fadeIn\fadeOut\hide\show\slide

那么下一步写click监听点击按钮，然后触发div使用fadeOut()方法，使得已存在的div消失，如下：

02

jQuery (二)

还可以使用三个值，第一值为事件，第二个值为Event对象的data属性，在调用最后一个处理函数的时候，会将第二个值作为对象的data属性,这样即可避免使用闭包操作

03

JavaScript学习笔记（四）—— jQuery入门

子元素伪类选择器就是选择某一个元素下面的子元素的方式，在jQuery中，子元素伪类选择器分为两大类：

05

jQuery实现元素的鼠标移入移出及点击显示隐藏（微信二维码）

怎么来实现它呢？我们首先写一个简单的页面，实现鼠标移入移除或者点击显示隐藏效果。

00

一文深入JQuery

hide([speed,[easing],[fn]]) toggle([speed],[easing],[fn])

03

22-jQuery深入

此外还有类似功能的slideDown,slideUp,slideTaggle表示滑动显示或隐藏

02

jquery学习

<1> jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多 javascript高手加入其team。

04

JQuery 笔记（二）

JQuery 高级 1. 动画 1. 三种方式显示和隐藏元素 1. 默认显示和隐藏方式 1. show([speed,[easing],[fn]]) 1. 参数： 1. speed：动画的速度。三个预定义的值("slow","normal", "fast")或表示动画时长的毫秒数值(如：1000) 2. easing：用来指定切换效果，默认是"swi

01

前端学习之jQuery

［1］ jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多 javascript高手加入其team。

01

jQuery学习笔记之概念（1）

jQuery学习笔记之概念（1） ——————————————————————学习目录———————————————————— 1.概念 2.特点 3.选择器 4.DOM操作 5.事件 6.jQuery的Ajax ———————————————————————————————————————————————— 前言:当前流行的JavaScript库有： jQuery、MooTools、Prototype、Dojo、YUI、EXT_JS、DWR 1.概念：核心库、UI和插件等。 jQuery是继承prototype之后又一个优秀的JavaScript库。现在jQuery主要包括核心库、UI和插件等。。 jQuery凭借着简介的语法和跨平台的兼容性，极大地简化了JavaScript开发人员遍历HTML文档、操作DOM。处理事件执行动画和开发ajax的操作。

02

JQuery 动画：为页面添彩的魔法

在现代的Web开发中，用户体验的提升是至关重要的一环。而动画作为页面交互中的重要组成部分，更是为用户带来了全新的感官体验。本篇博客将深入探讨 JQuery 中动画的应用，带你进入一个充满活力的前端世界。

01

【Java 进阶篇】JQuery 动画：为页面添彩的魔法

在现代的Web开发中，用户体验的提升是至关重要的一环。而动画作为页面交互中的重要组成部分，更是为用户带来了全新的感官体验。本篇博客将深入探讨 JQuery 中动画的应用，带你进入一个充满活力的前端世界。

06

前端基础-JQuery (二)

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

01

html遮罩层实现

html文件内容如下 <button class="add" onclick="addClick();">新增</button>

03

jQuery 教程

菜鸟教程 — jQuery 教程：https://www.runoob.com/jquery/jquery-tutorial.html

02

jQuery

jquery 语法是为HTML元素的选取编制的，可以对元素执行某些操作。基础语法就是：$(selector).action()

03

jQuery遮罩（Mask）及弹窗时禁止页面滚动实现

保险起见可以把 html 和 body 的高度都设置 100% ，如下，用添加 class 的方法实现：

01

通过select下拉框里的value控制div显示与隐藏

图片.png <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script> </head> <script> $(function() { //隐藏div

08

JavaWeb——JQuery之高级操作应用及实践案例总结（动画、遍历、事件绑定）

【注意】：如果遍历中加判断条件，当前function返回为false，则结束循环(相当于js中使用的break)，如果返回为true，则结束本次循环，继续下次循环(相当于js中使用的continue)；

02

一个ajax的Post要求

$.post(url,[data],[callback],[type]) 第一个参数是地址，第二个参数是一个参数传递。第三个参数是一个回调函数。參数是请求返回数据的类型

01

jQuery

jQuery就是为了更方便快速操作DOM，里面封装了很多方法，后续用jQuery对象调用这些方法即可。

05

jQuery1.jQuery简介及使用2.jQuery语法3.jQuery选择器4,jQuery 事件函数及效果显示

jQuery 是一个 JavaScript 库。 jQuery 极大地简化了 JavaScript 编程。(write less,do more.)

03

JavaWeb——JQuery之高级案例实战（打开网页自动弹出广告效果、抽奖效果实现）

1 打开网页自动弹出广告效果【需求】： 1）当页面加载完，3秒后自动显示广告； 2）广告显示5秒后，自动消失；【分析】： 1）使用定时器setTimeout (执行一次定时器) ； 2）其实JQuery的显示和隐藏动画效果就是控制display； 3）使用 show/hide方法来完成广告的显示；【代码实现】： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>广告的自动显示与隐藏</title> <styl

04

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

03

根据select下拉框值判断验证条件

根据select下拉框值判断当前选中的是哪个区域，并且判断当前选中区域里面的值是否为空，如果为空，则弹出弹框提示，请输入xx区域名称，以下只是一个小demo,随手复制黏贴到代码里面，能看的更加明白。

03

jquery自定义控件拖拽框dragbox

在做项目的过程中遇到了拖拽框的使用，虽然网上有很多类似的插件，但总归不如自己的好使，于是就自己写了一个，在此总结下来，以便后用。

02

JQuery 入门学习(一)

写这个之前要先抱歉一下，由于我这段时间要做一个网站，而且比较重要，所以之前那个gh0st的文章先停一段时间，实在没有功夫写那个代码了，不过迟早是会继续写的。

01

jquery 使用方法

jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。微软公司甚至把jQuery作为他们的官方库。对于网页开发者来说，学会jQuery是必要的。因为它让你了解业界最通用的技术，为将来学习更高级的库打下基础，并且确实可以很轻松地做出许多复杂的效果。

01

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭