【无法获取隐藏元素宽度和高度如何解决】教程文章相关的互联网学习教程文章

javascript – 选择隐藏的元素并使用jQuery操作它们【代码】

在一个带有“section”类的div包装器中,我在页面上重复了几十个HTML元素,如下所示:<div class="section"><div class="article"></div><div class="article"></div><div class="article"></div> </div>每个都包含内部的某些信息.现在,我想要做的是一旦页面加载,只显示前5个,将其余部分隐藏在用jQuery插入的新div中,当点击这个新div时,它将显示接下来的五个,然后是下一个再点击五次,依此类推,直至结束.我们的想法是,这个新的div将作...

javascript – Safari在另一个转换中应用translate3d转换时隐藏元素【代码】

我注意到在最新的Safari 11.1中(在Chrome和Firefox中运行良好),当在另一个包含translate3d转换的元素中应用它时,具有translate3d转换的元素在屏幕上消失. 复制在这里:https://jsfiddle.net/chq2qfm8/66/ 视频: 解决方法:看起来Safari是新的IE,但你也可以使用translateY,它也是“3d”: 更新为PO“也可能有X移动”我也添加了X组件.init();function init() {bindEvents(); }function bindEvents() {document.querySelector('.scrol...

javascript – 使用ng-change Angular隐藏元素【代码】

我想用ng-change或你建议的任何方式显示/隐藏表单中的元素.这是我的HTML:<div ng-app ng-controller="Controller"><select ng-model="myDropDown" ng-change="changeState(0)"><option value="one">One</option><option value="two">Two</option></select><div class="row-container">first One<span class="sp-right"> <label>1</label></span><span class="sp-left"><input type="text"></span><div class="row-container...

javascript – 基于URL href隐藏元素【代码】

我需要根据window.location.href对象隐藏一个元素.我的方法如下:$(document).ready(function() {var windowURL = window.location.href;if (windowURL.indexOf('stackoverflow') > -1) {$('#hide-this').css('display', 'none');} }); #hide-this {width: 100px;height: 100px;background-color: red; }#show-this {width: 100px;height: 100px;background-color: green; } <script src="https://ajax.googleapis.com/ajax/libs/j...

javascript – 使用jQuery显示和隐藏元素【代码】

我正在研究这个:<div id='container'><div id="box1"> <h1>Share it!</h1> </div> <div class="box" style="visibility: hidden"> <a href="#" class="bt btleft">Facebook Button here</a> <a href="#" class="bt btright">Twitter Button here</a> </div> </div>$("#container").hover(function () {$("#container div").css("visibility","visible"); }, function () {$("#container div").css("visibility","hidden"); });...

javascript – 使用jQuery隐藏元素不会删除元素的空间【代码】

所以我想知道是否有人知道如何解决以下问题: 我有一个带有几个选项的下拉菜单.每个选项都会更改页面,而标题保持相同. 一切正常,但有另一个下拉列表,只显示所有选项或隐藏一些,过滤. 问题是当我隐藏一些时,它会在第一个下拉菜单中创建一些奇怪的空间.我知道我可以为第二个菜单上的每个选项创建一个不同的下拉菜单,但似乎该解决方案不是最佳的,所以我想知道是否还有另一个. 这是一个简化的小提示,显示我的问题:$('#select6, #selec...

Javascript:按类名隐藏元素【代码】

我有一个html元素,我想从视图中隐藏,但我无法通过ID访问该元素,因为它没有ID,我无法为其分配ID.它有一个分配给它的类.有没有可能的方法隐藏这个元素而没有它的id?最佳答案:在某些浏览器中有getElementsByClassName,但它并不像getElementById那样受到广泛支持.请注意,它会生成一个元素数组,而不仅仅是一个元素,因为多个元素可以具有相同的类. 如果您可以为父级分配ID,则可以通过其他方式访问它:document.getElementById('parent')...

元素 - 相关标签
JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部