FAQ 常见问题


HTML/CSS

如何在 HTML 中写注释 如何在 CSS 中写注释 去除链接周围的虚线 在DIV中文本垂直居中 将DIV的高度设置为100% 将DIV水平居中对齐 不影响子元素改变背景透明度 定义Internet Explorer样式表 悬停时显示隐藏下拉菜单 去除图像下方的空白 HTML 标题和元标签最大长度 突出显示备用表格行 如何解决折叠父级问题 创建自定义光标 对元素应用阴影效果 对文本应用阴影效果 HTML 表单中禁用拼写检查 创建首字下沉效果 绝对定位的DIV水平居中 悬停时元素添加边框 在IE7和IE8中应用透明度 悬停时创建3D翻转效果 悬停时为文本颜色设置动画 悬停时元素背景颜色设置动画 悬停时转换图像大小 使DIV在HTML中可编辑 禁用textarea可调整大小属性 将选择框扩展到默认宽度 更改浏览器默认文本颜色 删除inline-block元素之间的空间 禁用浏览器文本选择突出显示 更改textarea文本颜色 截断带省略号的长字符串 创建或插入符号图标 去除chrome输入框轮廓 多个背景图像应用到一元素 创建固定页眉或页脚 并排创建两个具有相同高度的DIV元素 设置单元格填充和间距 从表格中删除单元格间距 在DIV元素内放置边框 更改悬停图像 将文本放置在图像上 HTML 创建类似于链接的按钮 HTML 中创建垂直线 将光标更改为悬停时的指针 使DIV不大于其内容 自动调整图像大小以适应DIV容器 更改 hr 元素的颜色 创建没有项目符号的无序列表 将div覆盖在另一个DIV上 背景中拉伸和缩放图像 CSS 禁用链接 垂直对齐DIV内的图像 将DIV的内容与底部对齐 HTML 中为选择框制作占位符 HTML 隐藏页面上的滚动条 使 DIV 垂直滚动 右对齐 flex 项目 使用flexbox使DIV水平和垂直居中 HTML 中的iframe中删除边框 重置或删除特定元素的样式 td 设置固定宽度不考虑其内容 HTML 链接删除下划线 正文有浏览器高度的100% 设置弹性项目之间的空间

JavaScript

JavaScript 中编写注释 JavaScript 中定义函数 在连接数组元素来创建字符串 获取当前图像大小 获取原始图像大小 增加和减少图像大小 循环遍历数组 替换字符串中的字符 分解或拆分字符串 HTML 代码块分配给 JavaScript 变量 替换 JavaScript 中所有出现的字符串 用单个空格替换多个空格 检测 iframe 内的点击 判断变量是否未定义或为空 通过类名获取元素 更改网页的背景颜色 检查一个变量是否存在或定义 字符串第一个字母变为大写 创建多行字符串 检查字符串是否包含子字符串 JavaScript 中编码 URL 从数组中删除重复值 从对象中删除属性 检查一个值是否存在于数组中 从日期对象获取日、月和年 从数组中删除特定项 更改元素的类 逗号分隔的字符串转换为数组 获取对象的类名 检查空字符串 正确排序整数数组 从函数返回多个值 JavaScript 获取当前 URL 在一个 JavaScript 文件中包含另一个文件 检测屏幕分辨率 JavaScript 中解析 JSON 将字符串拆分为字符数组 使用变量动态访问对象属性 JavaScript 将值附加到数组 JavaScript 生成时间戳 JavaScript 对象转换为 JSON JavaScript数组开头添加新元素 JavaScript 对象转换为 JSON 根据内容自动调整iFrame高度 单个onclick事件调用多个函数 HTML5 localStorage 中存储 JavaScript 对象 获取部分 URL 路径 为给定元素添加类 找到数组的最大值和最小值 检查对象属性是否未定义 捕获浏览器窗口调整大小事件 特定索引处将项目插入到数组 求数字数组的总和 检查数组是否包含JavaScript中的对象 如何判断对象是否为数组 检查URL中的哈希 将浮点数转换为整数 $(document).ready() 等价于 在使用 JavaScript 之前休眠 JavaScript 中遍历数组 将 UTC 日期时间转换为本地日期时间 JavaScript 合并两个数组 检查一个值是否是 JavaScript 中的对象 循环一个 JavaScript 对象 显示 JavaScript 对象 为对象添加键值对 JavaScript 中测试空对象 检查一个键是否存在于一个 JavaScript 对象中 按属性值对对象数组进行排序 合并两个JavaScript对象属性 获取 JavaScript 对象的长度 检查一个元素是否包含 JavaScript 中的类 JavaScript 创建二维数组 JavaScript 清空数组 获取查询字符串参数值 从数组中删除空元素 停止 setInterval 调用 文本框中触发点击输入按键 获取数组中的最后一项 JavaScript 获取当前日期 将字符串转换为布尔值 格式化 JavaScript 日期 将字符串解析为日期对象 对象数组中按属性值查找对象 JavaScript 日期获取月份名称 将十进制值转换为十六进制 检查变量是否为字符串 JavaScript函数设置默认参数值 JavaScript当前日期添加天数 JavaScript 比较两个日期 将 unix 时间戳转换为时间 JavaScript 按值复制数组 从字符串中删除文本 检查数组是否存在且不为空 数组中获取随机项 日期格式化为 yyyy mm dd 数组按值中删除项目 生成两个数字之间的随机数

jQuery

根据单选框显示和隐藏DIV元素 基于复选框显示和隐藏DIV元素 基于下拉选择显示和隐藏DIV元素 jQuery 定义一个函数 等待一段时间后调用函数 为元素动态添加CSS属性 为HTML元素添加属性 删除HTML元素属性 jQuery 向DOM添加元素 jQuery 从DOM中删除元素 jQuery 字符串中删除空格 jQuery 查找字符串的字符数 从禁用链接中删除可点击行为 jQuery 创建自定义单选按钮 jQuery 创建自定义复选框 jQuery 创建自定义选择框 检查复选框是否被选中 获取选定单选按钮的值 获取选定复选框的值 点击事件绑定到动态添加的HTML元素 动态设置DIV元素的宽度 动态设置DIV元素的高度 删除包装元素但保持文本内容完整 根据内容为DIV高度设置动画 jQuery 突出显示备用表行 jQuery 获取当前页面url 计算字符串中的单词数 查找两个单词之间的子字符串 在选择框中获取选定项的值 jQuery 获取元素内的文本 jQuery 检查元素是否可见 根据下拉列表选择填充状态 获取元素相对于文档位置 获取元素相对于父元素位置 获取鼠标相对于文档位置 查找鼠标相对于元素位置 jQuery 获取子字符串 文本超长显示更多链接 jQuery 上下滑动切换效果 jQuery 左右滑动切换效果 悬停时为DIV高度设置动画 悬停时为DIV宽度设置动画 jQuery 播放和停止CSS动画 jQuery 禁用或启用表单元素 禁用表单内所有输入控件 动态选中或取消选中单选按钮 动态选中或取消选中复选框 删除字符串第一个字符 完成效果之前停止触发事件 jQuery 检查是否存在元素 使用箭头键向左、右、上、下移动元素 悬停时为元素设置不透明度动画 外部单击时隐藏下拉菜单 点击时切换元素内的文本 jQuery 自定义文件输入类型框 jQuery 触发文件选择事件 从输入类型文件中获取选定的文件名 输入textarea时自动更新DIV内容 将HTML内容插入iFrame 固定时间间隔重复调用函数 jQuery 重定向到另一个网页 jQuery 检查元素是否隐藏 选择所有可见或隐藏的元素 jQuery 动态添加或删除表的行 jQuery 将一个元素移动到另一个元素中 jQuery 更改超链接的href属性 jQuery 刷新页面 jQuery 选择具有多个类的元素 使用循环显示数组中的所有项目或值 jQuery 获取DI 中的元素数量 jQuery 检查一个值是否为数字 jQuery 检测键盘上的输入按键 检测文本输入字段中是否按下回车键 jQuery 获取文本区域的值 jQuery 重置表单 jQuery 检测元素外部的点击 jQuery 检测文本输入框变化 jQuery 检查输入字段是否为空 jQuery 获取this选择器子节点 jQuery 检查鼠标是否在元素上 jQuery 滚动到页面顶部 jQuery 触发事件的元素的ID jQuery 提交表单 jQuery 创建DIV元素 jQuery 将JS对象转换为数组 jQuery 更改图像源 jQuery 按名称选择元素 jQuery 根据属性值查找元素 jQuery 设置CSS背景图像属性 jQuery 检测移动设备 jQuery 获取元素data-id属性 jQuery 删除事件处理程序 Query 获取元素的id 从JS对象向选择框添加选项 替换div的innerHTML jQuery 在现有UL中添加LI 获取输入文本框中的值 jQuery 将CSS更改显示属性 Query 设置输入文本框的值 jQuery 更改按钮的文本 jQuery 循环遍历相同类的元素 在文本输入中只允许数值 修复 jQuery 中$未定义错误 jQuery 获取元素的类列表 设置或取消设置cookie jQuery 显示加载微调器 上传图片之前预览图片 jQuery 获取类名 jQuery 设置textarea的值 jQuery 加载本地JSON文件 jQuery 触发点击链接 jQuery 获取被点击元素的类 jQuery 通过AJAX提交表单 jQuery 计算表中的行数

BOOTSTRAP / SASS

如何在悬停而不是单击时打开下拉菜单 工具提示添加到图标 将图标添加到输入提交按钮 模态如何垂直居中对齐 模态中嵌入视频 更改模态框的默认宽度 弹出窗口中插入关闭按钮 弹出框在悬停而不是点击时出现/消失 弹出框内插入图片 禁用选项卡 重新加载页面时保持当前选项卡处于活动状态 页面加载时启模态框 防止模态框在点击外部时关闭 模态框中移除滑动效果 激活时将焦点设置在模态框内的输入字段或文本区域 更改默认输入焦点光标样式 模态中自动播放视频 响应式图像居中对齐 Bootstrap 对齐文本 Bootstrap 使列居中 使用 jQuery 关闭模态窗口 Bootstrap 获得居中的内容 Bootstrap 获得正确对齐的按钮 左右对齐 DIV 中的文本 Bootstrap 居中按钮 使用 jQuery 打开模态窗口 Bootstrap 垂直对齐 DIV

PHP / MySQL

PHP 中编写注释 PHP 从字符串中删除空格 PHP 查找字符串中的字符数 PHP 查找字符串中的单词数 PHP 字符串中删除特殊字符 PHP 替换字符串中的单词 PHP 添加字符串 PHP 追加字符串 PHP 字符串中提取子字符串 PHP 中比较两个字符串 PHP 中获取当前页面 URL PHP 连接数组来创建字符串 PHP 字符串拆分为数组 PHP 合并两个字符串 PHP 字符串转换为小写 PHP 字符串转换为大写 PHP 字符串第一个字母转换为大写 如何将特殊的 HTML 实体转换回 PHP 中的字符 PHP 删除字符串开头的空格 PHP 中删除字符串末尾的空格 PHP 新建一行 PHP 查找字符串长度 检查PHP中是否设置了变量 判断PHP变量是否为empty 判断PHP变量是否为null PHP 反转字符串 替换字符串的一部分 计算子字符串出现的次数 PHP 计算数组中的所有元素 PHP 打印或回显数组的所有值 PHP 显示数组结构和值 PHP 反转数组的顺序 PHP 检查数组中是否存在值 PHP 检查一个键是否存在于数组中 PHP 删除数组中最后一个元素 PHP 删除数组中第一个元素 PHP 元素添加到数组的开头 PHP 元素添加到数组的末尾 PHP 两个或多个数组合并为一个数组 PHP 按字母顺序对数组值排序 PHP 数组中删除重复值 PHP 随机化数组的顺序 PHP 比较两个数组值 PHP 计算数组中值的总和 PHP 数组中删除空值 PHP 使用数组值填充下拉列表 PHP 获取关联数组的所有键 PHP 关联数组中获取所有值 PHP 按键对关联数组进行排序 PHP 按值对关联数组进行排序 PHP 数组中获取单个值 PHP 循环遍历多维数组 PHP 从数组中删除元素 检查字符串是否包含特定单词 PHP 获取当前日期和时间 PHP 重定向 PHP 去除字符串中所有空格 PHP 获取当前年份 PHP 将日期从 yyyy-mm-dd 转换为 dd-mm-yyyy 格式 PHP 字符串转换为数字 PHP 获取数组的第一个元素 PHP 将日期转换为时间戳 PHP 向空数组添加元素 PHP 将整数转换为字符串 PHP 按值而不是键删除数组元素 PHP 将键和值都推送到数组中 PHP 定期刷新页面 PHP 字符串删除最后一个字符 PHP 脚本返回 JSON PHP 错误显示

Ubuntu / Linux

终端关闭或重启 Ubuntu 重启 Apache 服务器 启动停止 MySQL 服务器 终端更改当前工作目录 命令行重命名目录 文件夹的内容复制 命令行安装更新 终端删除非空目录 获取所有已安装软件包列表 完全删除软件包或应用程序 终端解压缩 zip 文件 命令输出保存到 Ubuntu 文件 命令行搜索可用的软件包 命令行查找和替换文件文本 命令行获取目录的大小 终端打开文本文件 命令行删除目录中所有文件 查找可用磁盘空间量 命令行创建一个空文件 命令行查看当前版本 终端向文件追加多行 命令行压缩目录中的所有文件 命令行提取 .tar.gz 文件 使用 ls 以兆字节显示文件大小 命令行按名称查找文件

如何在 jQuery 中向 DOM 添加新元素

主题:JavaScript / jQuery


答案:使用jQuery append()prepend() 方法

您可以使用 jQuery append()prepend() 方法向 DOM 添加或插入元素。 jQuery append() 方法将内容插入到匹配元素的末尾,而 prepend() 方法将内容插入到匹配元素的开头。

以下示例将向您展示如何使用 jQuery append() 方法轻松地将新项目添加到 HTML 有序列表 的末尾。 让我们尝试一下,看看它是如何工作的:

示例

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery 添加元素到 DOM</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
    $(document).ready(function(){
        $("button").click(function(){
            $("ol").append("<li>list item</li>"); 
        });
    });
</script>
</head>
<body>
    <button>Add new list item</button>
    <ol>
        <li>list item</li>
        <li>list item</li>
        <li>list item</li>
    </ol>
</body> 
</html>

同样,您可以在匹配元素的开头添加元素。

以下示例将演示如何使用 jQuery prepend() 方法在段落元素的开头添加 HTML 标题。

示例

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery 添加元素到 DOM</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
    $(document).ready(function(){
        $("button").click(function(){
            $("p").prepend("<h1>这是一个标题</h1>"); 
        });
    });
</script>
</head>
<body>
    <p>这是一个段落。</p>
    <button>Add heading</button>
</body> 
</html>

FAQ 相关问题解答

以下是与此主题相关的更多常见问题解答: