小编Anu*_*ava的帖子

如何使用 jQuery .attr() 更改 id 字体大小?

我正在尝试使用 jQuery 方法 .attr() 更改 id 的字体大小,如下所示:

$("#level-title").attr("font-size", "1rem");
Run Code Online (Sandbox Code Playgroud)

这是行不通的。

这个 id 目前安装在我的外部 CSS 中,如下所示:

#level-title {
  font-family: 'Press Start 2P', cursive;
  font-size: 3rem;
  margin: 2%;
  color: #FEF2BF;
}
Run Code Online (Sandbox Code Playgroud)

如何使用 jQuery 正确更改其字体大小?

我的完整样式表可以在这里看到:

https://github.com/raschmitt/simon-game/blob/master/styles.css#L17

我的 Js 文件在这里:

https://github.com/raschmitt/simon-game/blob/master/game.js#L48

html javascript css jquery

1
推荐指数
1
解决办法
1229
查看次数

render.domElement 的含义是什么?这个参数的含义是什么?

我正在学习以深刻的方式操作 Three_js 代码。我面临最后一行,想知道最后一行的含义。在 MDN 上找不到任何参考。

var scene = new THREE.Scene(); // scene initialization
var camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 ); // see syntax one line below
// syntax: .PerspectiveCamera(FOV, aspectRatio, nearClippingPlane, farClippingPlane);

var renderer = new THREE.WebGLRenderer(); // WebGLRenderer initialization 
renderer.setSize( window.innerWidth, window.innerHeight ); // render aspectRatio

document.body.appendChild( renderer.domElement );
Run Code Online (Sandbox Code Playgroud)

将渲染器作为节点附加到 document.BODY 可能到<canvas>

javascript three.js

1
推荐指数
1
解决办法
1710
查看次数

Toggle Svelte 组件中的类

考虑这个 Svelte 代码:

https://svelte.dev/repl/e3ea17e8e09044999bf7cb4bc882adea?version=3.19.2

我如何调整它以便每个按钮都可以独立切换?正如您所看到的,它当前切换所有按钮:(

html javascript css svelte svelte-component

1
推荐指数
1
解决办法
5587
查看次数

如何针对鼠标悬停事件上的元素 id 值进行测试?

想知道是否有人可以帮助我了解如何在鼠标悬停事件中针对元素的 ID 值进行测试。我假设我必须使用“这个”。

我为 ID 获得的值是“未定义”

function mouseOver() {
  var e = $(this).attr("ID"); //need help with this bit
  if (e == ("row2012")) {
    alert(e)
  } else {
    alert(e);
  }
}
Run Code Online (Sandbox Code Playgroud)
<table>
    <tr data-ng-repeat="x in Interruptions">
      <td id=row{{x.year}} onmouseover="mouseOver()" onmouseout="mouseOut()">
          {{x.year}}
      </td>
      <td>{{x.totalEvents}}</td>
      <td>{{x.customers}}</td>
      <td>{{x.avgDuration}}</td>
</table>
Run Code Online (Sandbox Code Playgroud)

html javascript jquery angularjs

1
推荐指数
1
解决办法
378
查看次数

检查类是否包含所有数组项?

我试图查看一个 div 类是否包含所有数组项,然后向该 div 添加“显示:块”。

如果我想为每个单独的类添加“显示:块”,我会这样做:

let arrayList = [car, animal, boat]

for(i=0; i<arrayList.length; i++) {
    let getClass = document.getElementsByClassName(arrayList[i]);
    for(c=0; c<getClass.length; c++) {
        getClass[c].style.display ="block";
    }
}
Run Code Online (Sandbox Code Playgroud)

但是如何检查 div 的所有类是否都在arrayList. 然后添加“显示:块”到它?

例如,如果我有一个具有结构的 div,<div class="car animal boat">我希望它具有“display:block”,但如果 div 结构是,<div class="car animal">我希望它具有“display:none”。

该数组将是动态的。我怎样才能做到这一点?

javascript css arrays

1
推荐指数
1
解决办法
81
查看次数

JS中如何在延迟后打印数字

这是初学者的问题。我试图理解 setTimeout。我想在延迟 2 秒后打印每个数字。但是,我只能延迟整个函数,而不能延迟数字。谁能告诉我该怎么做?

function print() {
  for (let i = 10; i >= 0; i--) {
    console.log(i);
  }
}

setTimeout(print, 2000);
Run Code Online (Sandbox Code Playgroud)

javascript

1
推荐指数
2
解决办法
1290
查看次数

对数组使用过滤器来获取特定索引?

基本问题,但我从来没有完全理解这些数组方法。

假设我有一个数组,例如:

[[ 'PENNY', 0 ],[ 'NICKEL', 0 ],[ 'DIME', 20 ],[ 'QUARTER', 50 ]] 
Run Code Online (Sandbox Code Playgroud)

我想使用过滤器返回一个新数组,其中仅返回第一个索引大于 0 的元素。

所以它会返回一个像这样的数组:

[ [ 'DIME', 20 ],[ 'QUARTER', 50 ]].
Run Code Online (Sandbox Code Playgroud)

我该如何使用过滤器来解决这个问题?如果有一些澄清,我们将不胜感激。

javascript

1
推荐指数
1
解决办法
562
查看次数

当标记为必需的控件为空时,为什么我的 Angular FormGroup 有效?

我正在尝试为选择设置基本表单验证。

在我的构造函数中我有以下内容FormGroup

this.formSubmission = new FormGroup(
  {
    triggers: new FormControl(['', [ Validators.required]])
  }
)
Run Code Online (Sandbox Code Playgroud)

我在屏幕上有一个按钮来测试其有效性FormGroup,即使没有选择“触发器”,它也总是返回有效。

单击后,将执行以下代码:

console.log('FormGroup Status: ' + this.formSubmission.status)
Run Code Online (Sandbox Code Playgroud)

这将返回 VALID。

其 HTML 部分可以在这里找到:

<div [formGroup]="formSubmission">
  <mat-form-field appearance="fill">
    <mat-label>Triggers</mat-label>
    <mat-select 
    formControlName="triggers" multiple
    >
      <mat-option *ngFor="let trigger of triggersList" [value]="trigger.TRIGGER_NAME">{{trigger.TRIGGER_NAME}}</mat-option>
    </mat-select>
  </mat-form-field>
</div>
Run Code Online (Sandbox Code Playgroud)

javascript forms typescript angular formgroups

0
推荐指数
1
解决办法
2011
查看次数