小编Mor*_*ori的帖子

如何使用jQuery删除所有CSS类?

而不是单独调用$("#item").removeClass()元素可能具有的每个类,是否有一个可以调用的函数从给定元素中删除所有CSS类?

jQuery和原始JavaScript都可以工作.

javascript jquery dom

757
推荐指数
10
解决办法
52万
查看次数

防止弹性物品拉伸

样品:

div {
  display: flex;
  height: 200px;
  background: tan;
}
span {
  background: red;
}
Run Code Online (Sandbox Code Playgroud)
<div>
  <span>This is some text.</span>
</div>
Run Code Online (Sandbox Code Playgroud)

我有两个问题,请:

  1. 为什么它基本上发生在span
  2. 什么是正确的方法来防止它拉伸而不影响Flex容器中的其他flex项?

html css flexbox

61
推荐指数
2
解决办法
6万
查看次数

如何在网站中嵌入Google云端硬盘文件夹

我在Google云端硬盘中有一个文件夹,我想将其嵌入到我的网站中.我无法在Google云端硬盘帮助文章中找到嵌入代码或任何内容.

html embed google-drive-api

48
推荐指数
3
解决办法
12万
查看次数

添加jQuery验证方法时this.optional(element)做了什么?

请参阅文档:https:
//jqueryvalidation.org/jQuery.validator.addMethod/

我想知道是什么this.optional(element).我创建了两个要测试的表单:
Form1Form2 - 一个用于this.optional(element),另一个没有它.从理论上讲,根据安德鲁·惠特克对这个答案的一些评论:

一切this.optional都是说"如果该字段是可选的,如果它是空白则返回true"

this.optional检查字段是否符合规则之前,检查基本上是检查字段是否为空.

但在行动中,我发现Form1Form2的工作方式没有区别.请帮助我理解行动的不同.

html javascript forms validation jquery

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

整个表格onChange

我如何onChange为所有form元素使用或类似的事件?我不想onChange单独使用每个字段.

javascript

33
推荐指数
2
解决办法
4万
查看次数

JavaScript:获取已编辑/更新的输入数

情境

我的学生每学期至少需要学习一门科学,一门物理和一门历史考试。以下表格给出了正确的平均成绩以及学生的最终成绩:

document.getElementById('calcBtn').addEventListener('click', function() {
  var scienceTest1 = document.getElementById('scienceTest1').value;
  var scienceTest2 = document.getElementById('scienceTest2').value;
  var scienceTest3 = document.getElementById('scienceTest3').value;
  var physicsTest1 = document.getElementById('physicsTest1').value;
  var physicsTest2 = document.getElementById('physicsTest2').value;
  var physicsTest3 = document.getElementById('physicsTest3').value;
  var historyTest1 = document.getElementById('historyTest1').value;
  var historyTest2 = document.getElementById('historyTest2').value;
  var historyTest3 = document.getElementById('historyTest3').value;
  var scienceAverage = document.getElementById('scienceAverage');
  var physicsAverage = document.getElementById('physicsAverage');
  var historyAverage = document.getElementById('historyAverage');
  var finalGrade = document.getElementById('finalGrade');
  scienceAverage.value = (Number(scienceTest1) + Number(scienceTest2) + Number(scienceTest3)) / 3;
  physicsAverage.value = (Number(physicsTest1) + Number(physicsTest2) + Number(physicsTest3)) / 3;
  historyAverage.value = (Number(historyTest1) + Number(historyTest2) …
Run Code Online (Sandbox Code Playgroud)

html javascript forms input

24
推荐指数
4
解决办法
800
查看次数

在输入文本字段中设置光标位置

经过大量搜索后,我找到了以下主题:

在表单输入字段中定义光标位置

jQuery在文本区域中设置光标位置

不幸的是,在所有帖子中都没有给出完整的表单嵌入代码或真实示例.现在我只是不知道如何在我的表单中包含nemisj的代码(在第一个链接上)或Mark的代码(在第二个链接上):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script>

  <script>
  $(document).ready(function(){
$("#site").focus(function(){
    if( this.value == this.defaultValue ) {
        $(this).val("http://");
    }
});
  });
  </script>

</head>
<body>
<form action="#" method="post">
<input id="name" type="text" name="name" value="Name" /><br />
<input id="site" type="text" name="mail" value="Website" /><br />
<input type="submit" value="Send"> 
</form>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

我想知道是否有人可以帮助我,因为我被困住了!

提前谢谢了!

这是编辑过的代码,但它仍然不起作用:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script>

  <script>
function setCursor(node,pos){

    var …
Run Code Online (Sandbox Code Playgroud)

javascript jquery

16
推荐指数
1
解决办法
4万
查看次数

画布背景和HTML <body>元素

根据规格:

建议HTML文档的作者指定BODY元素的画布背景而不是HTML元素.

但它没有说它有什么优势.为什么规范推荐这个?

PS当我看到额外的滚动条时身体高度为100vh时,它突然出现在我的脑海中:是不是简单地将背景赋予html元素呢?

html css specifications background

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

iframe 文档写入不会更新 JavaScript

这是一个基本的 HTML 编辑器:

textarea,
iframe {
  width: 400px;
  height: 300px;
}
Run Code Online (Sandbox Code Playgroud)
<textarea></textarea>
<iframe></iframe>
Run Code Online (Sandbox Code Playgroud)
var textarea = document.querySelector('textarea');

function preview() {
  var iframeDoc = document.querySelector('iframe').contentDocument;
  iframeDoc.open();
  iframeDoc.write(textarea.value);
  iframeDoc.close();
}

textarea.addEventListener('input', preview);
Run Code Online (Sandbox Code Playgroud)

演示版

它会更新您放入的 HTML 和 CSS textarea,但您不能使用 JavaScriptconstlet变量,因为一旦您编辑插入的代码,它就会抛出以下语法错误:

Identifier * has already been declared

要明白我的意思,请将以下示例代码插入到textarea

<!doctype html>
<html lang="en">
<head>
  <title>Sample Code</title>
</head>
<body>
  <p>Hello!</p>
  <script>
    const p = document.querySelector('p');
    p.style.color = 'blue';
  </script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

现在改变Hello!Hello, world!blue为 …

html javascript iframe

7
推荐指数
2
解决办法
668
查看次数

重置表单无效值

这是一个示例表格:

var form = document.querySelector('form');

function detectChange() {
  var inputs = form.querySelectorAll('input');
  for (var input of inputs) {
    if (input.value != input.defaultValue) {
      return true;
    }
  }
}

form.querySelector('button').addEventListener('click', function() {
  if (detectChange() && confirm('Are you sure you want to reset?')) {
    form.reset();
  }
});
Run Code Online (Sandbox Code Playgroud)
<form>
  <input type="number">
  <input type="number" value="7">
  <button type="button">Reset</button>
</form>
Run Code Online (Sandbox Code Playgroud)

我希望即使用户输入非数字值,重置按钮也可以使用。

html javascript forms

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