草庐IT

CSS中box-shadow属性和2D变换

全部标签

javascript - Jquery 在点击时更改 CSS 类

我正在做一个项目,我有一些像选项卡这样的anchor,每个anchor都有一些CSS类,选定的选项卡有单独的css类。我正在单击选项卡,我想将其CSS类更改为选定的css类我已经完成了此功能,但我遇到了一些问题,因为之前选择的选项卡也具有相同的类,我如何才能将之前选择的选项卡更改为未选择类,下面是我的代码$(".btn").each(function(){$(this).click(function(){$(this).removeClass("course-btn-tab").addClass("course-btn-tab-selected");});});ABCD

javascript - 使用 javascript 将一个 CSS 类添加到具有另一个类名的所有元素

我正在尝试使用javascript将一个类添加到具有不同类的所有元素。我知道你可能认为这是多余的,但对于我所处的情况来说,这是需要的。我需要一种方法来查看具有该类名的所有元素并添加该类,但我不明白如何计算?我正在使用cms工作,我不能在它自己的类中更改样式。$(document).ready(function(){varClassBtn=document.getElementsByClassName("buttonSubmit");ClassBtn.className=ClassBtn.className+"btn";}); 最佳答案

javascript - 使用 JQuery 为 <a> 标签添加 onclick 属性

我有一个链接按钮,我想更改它onclick单击时的回调函数:我正在使用.attr()来更改onclick事件,但它根本不起作用。$('#'+test).text('Unlike');$('#'+test).attr("onclick","returndeleteLikeComment('"+CommentsWrapper+"','"+activityID+"','"+test+"');");但这根本行不通。我只想切换点击链接时的回调方式。 最佳答案 为什么要为事件附加attr?为什么不这样做:$('#'+test).bind("cl

javascript - 如何在文档中获取(具有)最高 CSS z-index 的(元素)?

这个问题再简单不过了。z-index值由style=...或className分配,无论是否使用Javascript。我认为这不重要。我如何找到(使用Javascript)最高的z-index?(它所使用的元素会很好,但不是必需的。)您不能使用(新的)querySelector,因为它不查询CSS值。有什么方法可以查询CSS吗?(不是样式表,而是实际使用的值。)格拉兹获取前5个元素+z索引:Array.from(document.querySelectorAll('*')).map(el=>[el,getComputedStyle(el).zIndex]).filter(v=>!isN

javascript - 应用所有变换矩阵

我正在寻找一种可能快速的方法来应用给定svg图形的所有变换矩阵。换句话说:该算法应该去除所有“变换”属性并将图形的所有坐标变换为绝对坐标。他们是否有任何库可以做到这一点,或者他们是否有任何SVGDomInterface方法可以做到这一点?编辑::如果我这样调用合并方法:$.each(svg.find('path'),function(i){this.transform.baseVal.consolidate();});没有任何反应,如果我这样调用它:$.each(svg.find('path'),function(i){this.transform.animVal.consolidat

javascript - 如何从类函数内部访问对象属性

这个问题在这里已经有了答案:Howtoaccessthecorrect`this`insideacallback(13个答案)关闭3年前。我的一个Javascript类有时需要用Json进行“更新”。我一直在做一个函数,在给定id的情况下更新数据数组,但现在我想更封装地做它(函数更新,在类中)。我做了什么:functionFile(data){this.data=data;this.update=function(callback){varset=function(ajaxData){this.data=ajaxData.PcbFile;}getPcbFile(data.id,func

javascript - 在 em 中获取 CSS 中定义的元素的宽度

我无法获取CSS中定义的元素的宽度。我想出了如何使用Javascript获取CSS规则,但我无法访问宽度。Menu是我在CSS中使用em定义的固定宽度。我正在尝试根据浏览器窗口减去固定的菜单宽度来更改div1的宽度。注意:我已经尝试使用style.width,但它在控制台中返回了一个空行。jsfiddle:http://jsfiddle.net/kj6pQ/vardiv1=document.createElement('div'),css=getMatchedCSSRules(document.getElementById('menu'));console.log(css);//wor

javascript 说 JSON 对象属性未定义,尽管它不是

我有一个json对象,我将它打印到屏幕上(使用alert()函数):alert(object);结果如下:然后我想把id的值打印到屏幕上:alert(object["id"]);结果是这样的:如您所见,键“id”的值不是(!!!)未定义的。这到底是怎么回事?! 最佳答案 看起来你的json对象并不是真正的对象,它是一个json字符串。为了将其用作对象,您需要使用反序列化函数,如JSON.parse(obj)。许多框架都有自己的反序列化JSON字符串的实现。当您尝试对真实对象执行alert(obj)时,结果将是[objectObjec

javascript - CSS 模块不适用于 React 版本 16.6.0

我试图在React中使用CSS模块。这是我的App.js代码importReactfrom'react';importstylesfrom'./index.css'constApp=()=>{constREACT_VERSION=React.version;return(MainappGreenYellowReactversion:{REACT_VERSION});};exportdefaultApp;这是我的index.css代码.test{background:black;color:white;font-size:34px;border:34px;}这是输出我知道我要修改webp

javascript - 使用 CSS(也许还有 JavaScript)使元素成为正方形(或保持特定的纵横比)

我有一个div,我希望它具有以下特征:宽度=其父元素的50%高度等于为保持特定纵横比所需的任何高度。我需要使用百分比,因为当浏览器调整大小时,对象会左右调整大小。我希望对象从上到下调整大小以确保对象保持相同的纵横比。我不认为有任何方法可以使用纯CSS来做到这一点,但是有人知道一种方法吗?或者,是否有一种简单的JavaScript方法可以做到这一点?(JQuery很好。) 最佳答案 虽然您需要使用透明图像,但我想出了如何在没有js的情况下执行此操作。设置一个html结构,如:Yourfavoritecontenthere为rect_i