开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

在执行一个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 Cheat—Sheet（jQuery学习笔记）

jQuery是一种JavaScript库，实现了常见任务的自动化和复杂任务简单化。 jQuery库为Web脚本编程提供了通用的抽象层，使之适合任何脚本编程情景。...事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。 jQuery 事件方法语法在 jQuery 中，大多数 DOM 事件都有一个等效的 jQuery 方法。...---- #jQuery 效果隐藏和显示 jQuery hide() 和 show() jQuery hide() 和 show() 通过 jQuery，您可以使用 hide() 和 show() 方法来隐藏和显示...) - 使用预定义的值也可以把属性的动画值设置为 "show"、"hide" 或 "toggle"： $(“button”).click(function(){ $(“div”).animate(...**Chaining 允许我们在一条语句中运行多个 jQuery 方法**（在相同的元素上） ### jQuery 方法链接有一种名为链接（chaining）的技术，允许我们在相同的元素上运行多条 jQuery

16.2K3 0

jQuery基础图文系列

的入口函数是在html所有标签都加载后才执行，而JavaScript的window.onload事件是等到所有内容加载完后才执行。...jQuery是可以兼容多个浏览器，下载jQuery。 http://jquery.com/ write less, do more html表现结构，js表示行为，css表示为表现。...() 从元素本身开始，逐级向上元素匹配，并返回最先匹配的祖先元素 .contents() 获得匹配元素集合中每个元素的子元素 .each() 对jQuery对象进行迭代，为每个匹配元素执行函数 .end...jQuery hide() 和 show()隐藏和显示 HTML 元素 $("#hide").click(function(){ $("p").hide(); }); $("#show"...); wrap() wrapAll() 与 wrapInner()的区别 wrap() 方法把每个被选元素放置在指定的 HTML 内容或元素中 wrapAll() 在指定的 HTML 内容或元素中放置所有被选的元素

4.5K1 0

jQuery基础系列

的入口函数是在html所有标签都加载后才执行，而JavaScript的window.onload事件是等到所有内容加载完后才执行。...jQuery是可以兼容多个浏览器，下载jQuery。 http://jquery.com/ write less, do more html表现结构，js表示行为，css表示为表现。...() 从元素本身开始，逐级向上元素匹配，并返回最先匹配的祖先元素 .contents() 获得匹配元素集合中每个元素的子元素 .each() 对jQuery对象进行迭代，为每个匹配元素执行函数 .end...jQuery hide() 和 show()隐藏和显示 HTML 元素 $("#hide").click(function(){ $("p").hide(); }); $("#show"...image.png 结言好了，欢迎在留言区留言，与大家分享你的经验和心得。感谢你学习今天的内容，如果你觉得这篇文章对你有帮助的话，也欢迎把它分享给更多的朋友，感谢。

2.6K2 0

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

首先来看一个简单的动画效果图：我之前也和小伙伴们讲过使用jQuery框架可以很好的对html中元素的属性等进行操作，所以上面显示和隐藏的也只是一个div，而并不是一个图片。...一、默认方式显示和隐藏在默认方法下显示元素的方法是 show([speed,[easing],[fn]]) 其中的参数含义为： speed：动画的速度。...如下实例代码： // 显示div $("#showDiv").show("slow","swing"); linear 匀速在默认方式下实现元素隐藏的方法是 hide([speed,[easing...，再定义一个方法用于元素隐藏吗？...，有问题的小伙伴记得在评论区留言提出！

6.4K2 0

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

class="close"，close 是一个 CSS class，用于为模态窗口的关闭按钮设置样式。 data-dismiss="modal"，是一个自定义的 HTML5 data 属性。...1、backdrop 属性有 boolean 或 string 'static'，默认值为 true， data-backdrop 是指定一个静态的背景，当用户点击模态框外部时不会关闭模态框。...3、show 属性有 boolean ，默认值：true，data-show 是当初始化时显示模态框。...如下面的实例所示：请点击我三、方法下面是一些可与 modal(...1、show.bs.modal 在调用 show 方法后触发。

4.4K0 0

前端学习之jQuery

［2］ jQuery是继prototype之后又一个优秀的Javascript框架。其宗旨是——WRITE LESS,DO MORE!...ID为 test的元素内的html代码。...(1000); }); //用于切换被选元素的 hide() 与 show() 方法。... $.extend(object) //为JQuery 添加一个静态方法。...$.fn.extend(object) //为JQuery实例添加一个方法。

3.2K1 0

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

首先介绍一下 delay() ：语法： delay(duration,[queueName]) 概述：设置一个延时来推迟执行队列中之后的项目。 jQuery 1.4 新增。...HTML 代码： jQuery 代码: $('#foo').slideUp(300).delay(800).fadeIn(400); 但是使用他来延迟执行 show(）... 和 hide() 却不起效： HTML： test jQuery : $("#test").delay(5000)....show(); //延迟5秒来现在id为test的div 上边的代码无效，必须得在 show() 中传参数： $("#test").delay(5000).show(function(){}); //...声明：本文由w3h5原创，转载请注明出处：《使用jQuery的delay()延迟执行show()和hide()不起效的解决方法》 https://www.w3h5.com/post/351.html

3.2K1 0

python_day15_前端_jQue

jQuery是继prototype之后又一个优秀的Javascript框架。其宗旨是——WRITE LESS,DO MORE!...如果一个对象是 jQuery 对象, 那么它就可以使用 jQuery 里的方法: $(“#test”).html(); 基础语法： jquery的基础语法：$(selector).action(.../直到找着id为xx的标签,但不包含xx prev() //上一个标签元素 prevAll() //上一个标签所有元素 preUntil('#xx') // 直到找着上一个元素id为xx的标签或者...// 有值显示true,没有直接false //也可以直接设定值 attr 跟prop 都是只有一个为查询,两个(第一个是对象,第二个是值) console.log($('.inp2').prop(... class="showItem">hello world 显示隐藏<

6K2 0

jquery学习

jQuery是继prototype之后又一个优秀的Javascript框架。其宗旨是——WRITE LESS,DO MORE!...如果一个对象是 jQuery 对象, 那么它就可以使用 jQuery 里的方法: $(“#test”).html(); $("#test").html() //意思是指：获取ID为... $.extend(object) //为JQuery 添加一个静态方法。...$.fn.extend(object) //为JQuery实例添加一个方法。...(全局) complete：完成之后执行的回调函数(全局) success：成功之后执行的回调函数(全局) error：失败之后执行的回调函数(全局) accepts：通过请求头发送给服务器

2.2K4 0

05-老马jQuery教程-动画

并在之后执行一个反馈。。。...$("p").hide() // 用600毫秒的时间将段落缓慢的隐藏 $("p").hide("slow"); // 用200毫秒将段落迅速隐藏，之后弹出一个对话框。...在jQuery 1.3中，上下的padding和margin也会有动画，效果更流畅。参数跟show保持一致，不再赘述。...jumpToEnd:让当前正在执行的动画立即完成，并且重设show和hide的原始样式，调用回调函数等。...当.finish()在一个元素上被调用，立即停止当前正在运行的动画和所有排队的动画（如果有的话），并且他们的CSS属性设置为它们的目标值（所有动画的目标值）。所有排队的动画将被删除。

2K0 0

前端(四)-jQuery

$node2.appendTo($("ul")); //不执行 //只用每次创建新的节点，才会多次执行 $("罗永浩：那火烤中学高有问题").prependTo($("ul"));...//执行 $("罗永浩：那火烤中学高有问题").prependTo($("ul"));//执行 2 元素外部插入同辈节点方法说明 $(A).after(B) 将B节点追加到A节点之后...(); },function(){ $(".topDown").hide(); }); 4.3.2 toggle 1.9版本之后，移除了toggle()复合事件方法方法说明 toggle(函数...(毫秒数) 慢慢显示 show(毫秒数,函数) 在动画效果结束后执行函数 hide() 立刻隐藏 hide(毫秒数) 慢慢隐藏 hide(毫秒数,函数) 在动画效果结束后执行函数 toggle()...//第一个参数是执行显示或隐藏的速度或者隐藏的时长，单位是毫秒,如果为0，立刻执行 //也可以是：slow,normal,fast， //第二个参数是执行显示或者隐藏效果完成后，需要执行的操作函数

8.5K3 0

jQuery

jQuery 语法实例 $(this).hide() 演示 jQuery hide() 函数，隐藏当前的 HTML 元素。...Jquery 语法 jquery 语法是为HTML元素的选取编制的，可以对元素执行某些操作。...基础语法就是：$(selector).action() $ = jQuery 选择符（selector） HTML 元素 jQuery 的action（）执行对元素的操作。...toggle() 通过 jQuery，您可以使用 toggle() 方法来切换 hide() 和 show() 方法。...jQuery Callback 函数 Callback 函数在当前动画 100% 完成之后执行。许多 jQuery 函数涉及动画。

4.3K3 0

第86节：Java中的JQuery基础

事件，ready(fn) 当dom载入就绪就可以查询及操纵时绑定的一个要执行的函数，这是事件模块中最重要的一个函数，因为它可以提高web应用程序的响应速度。... 事件 click([[data],fn]) 触发每一个匹配的click事件，这个函数会调用执行绑定到click事件的所有函数。...: speed三种预定速度之一的字符串("slow","normal",or"fase")或表示动画时长的毫秒数值，fn: 在动画完成执行的函数，每个元素执行一次 // 显示段落 html代码： Show jQuery fadeTo() 函数隐藏和显示 $("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p").show();

2.9K3 0

05-老马jQuery教程-动画

并在之后执行一个反馈。。。...$("p").hide() // 用600毫秒的时间将段落缓慢的隐藏 $("p").hide("slow"); // 用200毫秒将段落迅速隐藏，之后弹出一个对话框。...在jQuery 1.3中，上下的padding和margin也会有动画，效果更流畅。参数跟show保持一致，不再赘述。...jumpToEnd:让当前正在执行的动画立即完成，并且重设show和hide的原始样式，调用回调函数等。...当.finish()在一个元素上被调用，立即停止当前正在运行的动画和所有排队的动画（如果有的话），并且他们的CSS属性设置为它们的目标值（所有动画的目标值）。所有排队的动画将被删除。

2K5 0

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

:header 选择标题元素 :animated 选择所有正在执行动画效果的元素 :root 选择页面的根元素 :target 选择当前活动的目标元素(锚点) $("tr:...选择同元素类型的随后一个子元素 :nth-of-type 选择同元素类型的第n个或奇偶元素,n的值为"整数或odd或even" :only-of-type 匹配父元素中特定类型的唯一子元素(该父元素可以有多个子元素...;//设置文本内容 }); }); 对HTML内容进行操作 jQuery提供了两种方法对HTML进行操作，分别是html()方法和html(val)方法，同样是一个获取，...元素的淡入与淡出使用hide()与show()方法 show和hide方法可以接受参数控制隐藏的过程.: show(speed,callback) speed参数规定显示或隐藏的速度: - slow...change() 文本框内容改变时触发 error() 加载错误时触发 focus() 有元素或者窗口获得焦点时触发 select() 文本框中的字符被选择之后触发 submit() 表单提交之后触发

11.2K5 0

jQuery学习笔记

结束的所有元素 [attribute *= value] 选取属性值包含value的所有元素表单过滤选择器表单属性过滤选择器 jQuery效果隐藏和显示 (hide/show) hide()/show() ... <input type="button" id="<em>show</em>"...-- hide/show()语法原型 $().hide(speed,callback); $().show(speed,callback); speed:规定了淡入淡出的延迟时间可取(slow/...not() 返回不匹配的所有元素 jQuery AJAX AJAX AJAX = 异步JavaScript + XML 在不重载网页的情况下，后台加载数据并显示在页面上 AJAX菜鸟教程

7.4K3 0

一文深入JQuery

先慢，中间快，最后又慢 linear：动画执行时速度是匀速的 fn：在动画完成时执行的函数，每个元素执行一次。...对象.each(function(index,element){}); index:就是元素在集合中的索引 element：就是集合中的每一个元素对象 this：集合中的每一个元素对象回调函数返回值：...false:如果当前function返回为true，则结束本次循环，继续下次循环(continue) $.each(object, [callback]) for…of: jquery 3.0 版本之后提供的方式...使用 show/hide方法来完成广告的显示 */ //入口函数，在页面加载完成之后，定义定时器，调用这两个方法 $(function () { //定义定时器，调用adShow...(); //显示1秒之后 $("#img2ID").show(1000); }); }); <!

3.3K3 0

jQuery的简单使用

通过jQuery注册事件 jQuery注册事件也很简单，通过选择器包装好标签对象后，调用相关的事件方法即可，调用事件方法时需要传递一个函数对象，当事件被触发就会执行函数里的代码。...在jQuery里的事件名称并没有与html中的事件名称有多大区别，还是那个熟悉的味道熟悉的套路，示例： <!...("Change"); }); 给标签添加/删除样式在jQuery中有一个addClass方法，可以给标签添加类样式，相对的removeClass...); show以及hide方法中都有可选的参数，第一个参数可以设置元素从隐藏到完全可见的速度，可以直接传递毫秒数，也可以传递字符串：slow、normal、...第二个参数就是回调函数，show 函数执行完之后，要执行的函数，示例： function show_img(){ alert("显示完成！")

7K1 0

JQuery 笔记（二）

先慢，中间快，最后又慢 * linear：动画执行时速度是匀速的 3. fn：在动画完成时执行的函数，每个元素执行一次...for..of: jquery 3.0 版本之后提供的方式 for(元素对象 of 容器对象) 3....使用 show/hide方法来完成广告的显示 */ //入口函数，在页面加载完成之后，定义定时器，调用这两个方法 $(function () {...-- 下方正文部分 --> 正文部分抽奖 <!...(); //显示1秒之后 $("#img2ID").show(1000); }); });

3.1K1 0

JQuery基础

jQuery有两个版本： production version:用于生产、实际的网络，代码已被精简和压缩； development version：用于开发测试，可阅读源码。...隐藏所有id=test的元素 $('#test').hide(); 2.文档就绪事件： $(document).ready(function(){ //开始书写jQuery代码 })；　这是为了防止文档在加载完成前执行...toggle可以切换show和hide状态。...如： $('p').css('font-size':'10px').show().hide(); 第六部分：jQuery HTML 1.获取内容和属性 --　　获取内容： text()：设置或获取所选元素的文本内容...ps2：以上函数均有最后一个参数设置为回调函数。回调函数有两个值：当前选中元素下标，旧值。

4.6K5 1

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭