当按钮被按下时，如何在div元素中隐藏子元素？(不隐藏父对象) - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

jQuery 教程

选取单选按钮点击元素在事件中经常使用术语”触发”（或”激发”）例如： “当您按下按键时触发 keypress 事件”。...该事件方法在 jQuery 语法章节中已经提到过。 click() click() 方法是当按钮点击事件被触发时会调用一个函数。该函数在用户点击 HTML 元素时执行。...在下面的实例中，当点击事件在某个元素上触发时，隐藏当前的元素： $("p").click(function(){ $(this).hide(); }); dblclick() 当双击元素时...返回指定事件上哪个键盘键或鼠标按钮被按下 event.metaKey 事件触发时 META 键是否被按下 focus() 添加/触发 focus 事件 focusin() 添加事件处理程序到 focusin...() 当Deferred（延迟）对象被受理时，调用添加的处理程序 deferred.fail() 当Deferred（延迟）对象被拒绝时，调用添加的处理程序 deferred.isRejected()

17K2 0

学习jQuery这一篇就够了

子元素筛选器需求描述：选择所有父级元素 ul 下的第一个子元素 li，设置其背景为红色我是列表项1 我是列表项2 我是列表项...3 我是列表项4 $('ul li:first-child').css('background', 'red'); 需求描述：选择所有父级元素 ul 下的最后一个子元素...注意：如果存在（不存在）就删除（添加）一个样式类需求描述：当单击按钮的时候，隐藏 div，再次单击按钮的时候，显示 div .hide { width: 100px; height...('按钮被双击了'); }); # 3. mousedown() 方法描述：当鼠标左键按下的时候调用所绑定的函数。...需求描述：当鼠标左键按下的时候，控制台输出 “鼠标左键按下” 按钮 $('button').mousedown(function () { console.log

8175 0

您找到你想要的搜索结果了吗？

是的

没有找到

CSS 常见面试题速查

伪类：以冒号为前缀，被添加到一个选择器末尾的关键字，样式在特定状态下才被呈现到指定的元素 CSS 2.1 E:first-child 匹配父元素的第一个子元素 E:link 匹配所有未被点击的链接...，等同于:nth-of-type(1) E:last-of-type 匹配父元素下使用同种标签的最后一个子元素，等同于:nth-last-of-type(1) E:only-child 匹配父元素下仅有的一个子元素...first-of-type:last-of-type或 :nth-of-type(1):nth-last-of-type(1) E:empty 匹配一个不包含任何子元素的元素，注意，文本节点也被看作子元素...relative，会相对父级来产生偏移 fixed 指定元素相对于屏幕视口（viewport）的位置来指定元素位置元素的位置在屏幕滚动时不会改变，比如回到顶部按钮就用此实现 sticky 粘性定位，...Box 是 CSS 布局的对象和基本单位，一个页面由很多个 Box (盒模型) 组成 Formatting context：块级上下文格式化，是页面中的一块渲染区域，并有一套渲染规则，决定其子元素将如何定位

8911 0

JQuery最全常用方法指南

查找所有div的子节点p，添加样式 $(”input:radio”, document.forms[0]) 在当前页面的第一个表单中查找所有的单选按钮 $.extend(prop) prop是一个jquery..., img focus() 元素获得焦点 a, input, textarea, button, select, label, map, area keydown() 某个键盘的键被按下几乎所有元素...keypress() 某个键盘的键被按下或按住几乎所有元素 keyup() 某个键盘的键被松开几乎所有元素 load(fn) 某个页面或图像被完成加载 window, img mousedown...(fn) 某个鼠标按键被按下几乎所有元素 mousemove(fn) 鼠标被移动几乎所有元素 mouseout(fn) 鼠标从某元素移开几乎所有元素 mouseover(fn) 鼠标被移到某元素之上...”) $(”div span: first - child”) 匹配父元素的第1个子元素 $(”div span: last - child”) 匹配父元素的最后1个子元素 $(”div button

10.9K3 1

css属性及定位操作

也就是说，该元素虽然被隐藏了，但仍然会影响布局。 display:none: 可以隐藏某个元素，且隐藏的元素不会占用任何空间。...也就是说，该元素不但被隐藏了，而且该元素原本占用的空间也会从页面布局中消失。...第二个用于左－右；如果提供三个，第一个用于上，第二个用于左－右，第三个用于下；提供四个参数值，将按上－右－下－左的顺序作用于四边；浮动(float)属性在 CSS 中，任何元素都可以浮动。...或者给.container加一个固定高度的子div：固定高度解决方案(不推荐使用) 以上方案可以解决但是会使得页面操作不灵活不推荐使用解决方案二清除浮动(推荐使用) clear语法：...fixed（固定） fixed：对象脱离正常文档流，使用top，right，bottom，left等属性以窗口为参考点进行定位，当出现滚动条时，对象不会随着滚动。

2.4K5 0

jQuery中常用的函数和属性详细解析

solid gray"); 查找所有div的子节点p，添加样式 $("input:radio", document.forms[0]) 在当前页面的第一个表单中查找所有的单选按钮 jQuery为开发插件提拱了两个方法...) 鼠标双击某个对象几乎所有元素 error( ) 当加载文档或图像时发生某个错误 window, img keydown( ) 某个键盘的键被按下几乎所有元素 keypress( ) 某个键盘的键被按下或按住...几乎所有元素 keyup( ) 某个键盘的键被松开几乎所有元素 load( fn ) 某个页面或图像被完成加载 window, img mousedown( fn ) 某个鼠标按键被按下几乎所有元素...这是一个Ajax事件当所有AJAX请求都停止时，隐藏loading信息。...") $("div span:first-child")匹配父元素的第1个子元素 $("div span:last-child") 匹配父元素的最后1个子元素 $("div button:only-child

2.5K1 0

overflow:hidden作用能治住塌陷_html溢出隐藏代码

一. overflow:hidden 溢出隐藏给一个元素中设置overflow:hidden，那么该元素的内容若超出了给定的宽度和高度属性，那么超出的部分将会被隐藏，不占位。... 效果如下：一般情况下，在页面中，一般溢出后会显示省略号，比如，当一行文本超出固定宽度就隐藏超出的内容显示省略号。...white-space: nowrap; /*规定文本不进行换行*/ text-overflow: ellipsis; /*当对象内文本溢出时显示省略标记（...）*/ } 效果如下：二....当父级元素内部的子元素全部都设置浮动float之后，子元素会脱离标准流，不占位，父级元素检测不到子元素的高度，父级元素高度为0。...本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至举报，一经查实，本站将立刻删除。

1.8K3 0

【CSS】元素显示与隐藏 ( display 隐藏对象 | visibility 隐藏对象 | overflow 隐藏对象 )

一、元素的显示与隐藏 ---- 在开发中 , 经常需要使用到元素的显示与隐藏 , 默认状态下 , 按钮下面没有任何内容 ; 将鼠标移动到红色按钮后 , 显示一个对话框布局 ;...隐藏元素 , 该元素就会从标准流中脱离 , 后面的元素会顶上 ; 代码示例 : 显示效果 : 进入调试模式 , 可以看到 , 该元素在界面中还在 , 只是隐藏了...; 三、visibility 隐藏对象 ---- 1、visibility 隐藏对象语法说明 visibility 的属性值默认为 inherit , 继承自父元素 , 一般默认都是可见的 ; 一般情况下父元素设置不可见...隐藏对象语法说明 overflow 只能对超出部分隐藏代码 ; overflow 可设置的值 : visible : 子元素超出父容器的部分仍然显示 ; hidden : 子元素超出父容器的部分隐藏 ;

5.2K3 0

Vue学习笔记(二)

中的元素 4.2 子组件向父组件传递数据通过在父组件处自定义事件,和在子组件处通过$.emit()方法触发自定义事件来实现子组件向父组件传递数据 4.3 兄弟组件组件的数据共享兄弟组件之间的数据共享方案是...每个 vue 的组件实例上，都包含一个**refs 对象，里面存储着对应的 DOM 元素或组件的引用。默认情况下，组件的refs 指向一个空对象**。...$refs.myh3来修改，如：使用 ref 引用组件实例：控制文本框和按钮的按需切换：(点击按钮，按钮隐藏，文本框显示；文本框失去焦点，按钮显示，文本框隐藏；文本框显示时自动获取焦点) 当组件被激活时，会自动触发组件的activated生命周期函数。...可以发现，当 Left 组件激活时(展示 Left)，会打印出”左侧被激活了”；而 Left 休眠时(展示 Right)，会打印出”左侧休息了”。

2.4K3 0

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

DOM元素之间的父子关系作为匹配筛选条件的选择器选择器描述 ancestor descendant 在给定的祖先元素下匹配所有的后代元素 parent>child 在给定的父元素下匹配所有的子元素...：不分元素类型的选择器说明 :first-child 选择父元素的第一个子元素 :last-child 选择父元素的随后一个子元素 :nth-child(n) 选择父元素下的第n个或奇偶元素,n的值为..."整数或odd或even" :only-child 选择父元素中唯一的子元素(该父元素只有一个子元素) 区分元素类型的选择器说明 :first-of-type 选择同元素类型的第一个子元素 :last-of-type...选择同元素类型的随后一个子元素 :nth-of-type 选择同元素类型的第n个或奇偶元素,n的值为"整数或odd或even" :only-of-type 匹配父元素中特定类型的唯一子元素(该父元素可以有多个子元素...鼠标操作事件方法描述 mousedown() 鼠标的键被按下 mouseenter() 当鼠标指针进入目标时 mouseleave() 当鼠标指针离开目标时 mouseout() 鼠标移除目标的上方

11.2K5 0

面试题必备-web页面基础

form表单事件 onblur:当元素失去焦点时触发 onchange:在元素的元素值被改变时触发 onfocus:当元素获得焦点时触发 onreset:当表单中的重置按钮被点击时 onselect:在元素中文本被选中后触发...onsubmit:在提交表单时触发 keyboard键盘事件 onkeydown:在用户按下按键时触发 onkeypress:在用户按下按键后，按着按键时触发，该属性不会对所有按键生效不生效的有：alt...:当元素上按下鼠标按钮时触发 onmousemove:当鼠标指针移动到元素上触发 onmouseout:当元素指针移出元素时触发 onmouseover:当鼠标指针移动到元素上时触发 onmouseup...id选择器 class选择器伪类选择器选择某个父元素的直接子元素后代选择器是选择父元素的所有子孙元素，一级子元素原则器只选择第一级子元素。...溢出隐藏overflow 设置当对象的内容超过其指定高度以及宽度时如何显示内容 visible默认值，内容不会被修剪，会呈现在元素框之外 hidden 内容会被修剪，并且其余内容是不可见的 scroll

2.4K1 0

vuejs中的组件以及父子组件间通信传值

button按钮，和一内容,并且点击按钮时,改变它自身的颜色,实现内容的显示和隐藏的效果:实例效果如下 ?...当条件变化时该指令触发过渡效果 v-show:当表达式的值为false,只是表现形式的隐藏(display:none)，根据表达式之真假值，切换元素的CSS中的display属性,如果频繁切换时就用v-show...被包含的自定义标签元素称为子组件,根实例下的模板的内容是父组件,可以对比以前写html的时候,元素嵌套那种层级关系。...,它是保存在父组件中的list数组中,是直接挂载根实例下的,通过按钮的添加操作,将每次新添加的值渲染到指定页面位置当中去父组件中的数据是无法直接的在子组件中使用的,所以在父组件引用的子组件中,通过v-bind...光这样是不够的,还需要在子组件里去接收父组件自定义的这个content变量,在子组件中是通过props这个属性来接收父组件的数据,后面的值可以是数组,也可以是对象,对象允许配置高级选项，如类型检测、自定义校验和设置默认值

20.4K1 0

Web前端基础（06）

获取和修改元素的html内容 innerHTML 获取和修改元素的值 input.value 元素对象.name/id/value 原生JavaScript中DOM相关内容在jQuery...匹配下标为基数的div 内容选择器 $(“div:has§”) 匹配包含p子元素的div $(“div:empty”) 匹配空的div $(“div:parent”) 匹配非空的div $(“div:...() 所有兄弟 .siblings() 父元素 .parent() 子元素们 .children() 过滤选择器第一个 div:first 最后一个 div:last 第n个 div:eq(n) 小于...n个 div:lt(n) 大于n个 div:gt(n) 不包含 div:not(xxx) 偶数 div:even 基数 div:odd 内容选择器包含子元素 div:has(xxx) 空元素 div:... var i = 0; //开启定时器每隔1秒调用- -次myfn方法 //直接调用方法写括号,把方法作为参数传递时不写括号

2.7K2 0

杨老师课堂之Jquery的筛选,事件,效果,Ajax,javascript跨域)

•end 结束选取自己的位置，如果不指定，则就是本身的结尾 1.2 查找 children([expr])，取得一个包含匹配的元素集合中每一个元素的所有子元素的元素集合。...B.children() 获得所有子元素（CDEF） A.find(D) 从A子元素中查询D D.parent() 获得D的父元素（B） C.next() 下一个兄弟（D） C.nextAll...可以在父元素上检测子元素获取焦点的情况。...事件冒泡可能会引起预料之外的效果,上例中,本来只想触发元素的click事件,然而元素和元素的click事件也同时被触发了.因此有必要对事件的作用范围进行限制.当单击元素时,只触发元素的click...事件,而不触发和元素上的 click事件.当单击元素时,只触发元素上的click事件, 而不触发元素上的click事件.

8.2K2 0

JS事件篇

/value属性 d1.value ---- 获取元素节点的子节点 childNodes属性会获取包括文本节点在内的所有节点，注意DOM标签与标签之间的空白也会被当成文本节点在IE8一下的浏览器中...scrollWidth和scrollHeight获取元素整个滚动区域的宽和高 overflow: hidden; 将子元素溢出的部分隐藏起来 overflow: auto;如果内容被修剪，则浏览器会显示滚动条...，但是在匿名函数内部，我们通过函数对象calllback调用call方法，改变了调用当前callback的this对象，从而完成了调用对象的统一性 ---- 事件的传播 ---- 拖拽案例—鼠标按下..."); //调用拖拽函数 moveWithMe(d1); //封装一个拖拽函数 function moveWithMe(obj) { //当鼠标在obj区域里面按下时...; var ly=event.clientY-obj.offsetTop; //当触发鼠标按下事件之后，obj会跟随鼠标移动 //即触发鼠标在当前页面的移动事件

12.6K1 0

只会Vue怎么开发小程序？Vue和微信小程序的到底有哪些区别?

对界面的设置如wx.setNavigationBarTitle请在onReady之后设置。详见生命周期 onHide: 页面隐藏当navigateTo或底部tab切换时调用。...vue中，使用v-if 和v-show控制元素的显示和隐藏小程序中，使用wx-if和hidden控制元素的显示和隐藏五、事件处理 vue：使用v-on:event绑定事件，或者使用@event绑定事件...,然后再绑定data中对应的一个值，当表单元素内容发生变化时，data中对应的值也会相应改变，这是vue非常nice的一点。...当表单内容发生变化时，会触发表单元素上绑定的方法，然后在该方法中，通过this.setData({key:value})来将表单上的值赋值给data中的对应值。...在vue中：编写子组件在需要使用的父组件中通过import引入在vue的components中注册在模板中使用 // 父组件 foo.vue <div class="

1.6K1 0

JQuery的学习

JQuery对象和JS对象区别与转换： 1.JQuery对象在操作时，更加方便； 2.JQuery对象和JS对象方法不通用； 3.两者相互转换： * JQuery --> JS : JQuery...首元素选择器 * 语法： :first 获得选择的元素中的第一个元素 2. 尾元素选择器 * 语法： :last 获得选择的元素中的最后一个元素 3....$("#one").css("backgroundColor","green"); }); }); 3.CRUD操作： 1.append():父元素将子元素追加到末尾...* 对象1.append(对象2)：将对象2添加到对象1元素内部，并且在末尾 2.prepend():父元素将子元素追加到开头 * 对象1.prepend(对象2)：将对象2添加到对象...1元素内部，并且在开头 3.appendTo():父元素将子元素追加到末尾 * 对象1.appendTo(对象2)：将对象1添加到对象2元素内部，并且在末尾 4.prependTo():父元素将子元素追加到开头

16.6K2 0

前端-vue 和微信小程序的区别、比较

对界面的设置如 wx.setNavigationBarTitle请在 onReady之后设置。详见生命周期。 onHide：页面隐藏当 navigateTo或底部tab切换时调用。...vue中，使用 v-if 和 v-show控制元素的显示和隐藏。...小程序中，使用 wx-if和 hidden控制元素的显示和隐藏。...，当表单元素内容发生变化时， data中对应的值也会相应改变，这是vue非常nice的一点。...父组件向子组件传递数据，只需要在子组件通过 v-bind传入一个值，在子组件中，通过 props接收，即可完成数据的传递，示例： // 父组件 foo.vue <div class

1.5K3 0

vue和微信小程序的区别

对界面的设置如wx.setNavigationBarTitle请在onReady之后设置。详见生命周期 onHide: 页面隐藏当navigateTo或底部tab切换时调用。...vue中，使用v-if 和v-show控制元素的显示和隐藏小程序中，使用wx-if和hidden控制元素的显示和隐藏五、事件处理 vue：使用v-on:event绑定事件，或者使用@event绑定事件...当表单元素内容发生变化时，data中对应的值也会相应改变，这是vue非常nice的一点。...当表单内容发生变化时，会触发表单元素上绑定的方法，然后在该方法中，通过this.setData({key:value})来将表单上的值赋值给data中的对应值。...父组件向子组件传递数据，只需要在子组件通过v-bind传入一个值，在子组件中，通过props接收，即可完成数据的传递，示例: // 父组件 foo.vue <div class

1.3K1 0

JQuery基础

常见DOM事件：鼠标事件：click（单击元素）,dbclick（双击元素）,mouseenter(鼠标指针移入元素),mouseleave（鼠标指针移出元素）事件；键盘事件：keypress（键被按下...）,keydown（键按下的过程）,keyup（键松开）,事件；ps:keypress不会触发所有的键（如alt,ctrl,esc,shift）,请使用keydown()方法检测表单事件：submit...html()：设置或获取所选元素的内容(包括HTML标记) val()：设置或获取表单字段的值 --　　获取属性： attr()：设置或获取属性值　　ps1：以上函数不传入参数时是获取；传入参数时是设置...如：$('span').parentsUntil('div')：代表span与div之间所有的祖先元素。...2.遍历--后代（子元素一下都是后代元素）： children()：返回被选元素的直接子元素 find()：返回被选元素的所有子元素（一直遍历到最后一个子元素） 3.遍历--同胞（siblings；兄弟元素

4.6K5 1

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭