将HTML标记添加到由jQuery添加的div中
，可以使用jQuery的.html()方法或.append()方法来实现。
- 使用
.html()方法：- 概念：
.html()方法用于设置或返回被选元素的内容（包括HTML标记）。 - 优势：可以直接替换目标元素的内容为指定的HTML标记，非常方便。
- 应用场景：适用于需要完全替换目标元素内容的情况。
- 示例代码：
- 示例代码：
- 推荐的腾讯云相关产品：无
- 概念：
- 使用
.append()方法：- 概念：
.append()方法用于在被选元素的结尾插入指定内容（包括HTML标记）。 - 优势：可以在目标元素的末尾添加指定的HTML标记，保留原有内容。
- 应用场景：适用于需要在目标元素末尾添加内容的情况。
- 示例代码：
- 示例代码：
- 推荐的腾讯云相关产品：无
- 概念：
注意：以上示例代码中的#targetDiv是一个选择器，表示选取id为"targetDiv"的元素。在实际应用中，需要根据实际情况修改选择器以及要添加的HTML标记内容。
相关·内容
1回答
我试图使用jquery对话框实现搜索功能。搜索对话框显示为从父屏幕上弹出的模式，我希望在对话框中的html表中显示搜索结果。
但是，html表将显示在父屏幕上。我尝试将对话框代码作为外部文件放置在父html中，但是结果总是一样的。
在jquery对话框中使用html表可以吗？如果不是，将使用什么替代机制来显示网格数据。
浏览器是IE8，操作系统是Windows 7
<div id="searchDialog">
<div id="qryPane">
</div>
<
浏览 0提问于2014-04-24得票数 0
回答已采纳
1回答
我是jQuery移动开发方面的新手，我无法从JSON中填充jQuery移动列表视图。我总是收到错误警报。
这是我的代码：
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>list
浏览 2提问于2013-06-20得票数 0
我正在尝试使用ColdFusion将表单输入保存到会话变量中。我尝试了许多在网站上发布的方法，但都不适用于我的代码。有人能在这方面给我指点吗？
下面是我的完整代码。
<html>
<head>
<link rel="STYLESHEET" href="css/iesync2.css" type="text/css">
<link rel="STYLESHEET" href="css/iesync_style(awps).css" ty
浏览 0提问于2016-11-09得票数 0
2回答
我使用的是jquery mobile和JavaScript。我在一个变量中有一些响应，即response是一个html内容.now，我必须在jquery mobile的UI中显示此html内容。该内容应该显示为文本，而不是html。
jquery("#content").html(wiJson);
<div data-role="content" id="content">
</div>
这就是我在代码中使用的jquery("#content").html(wiJson);，这是在javascript中使
浏览 1提问于2013-04-23得票数 0
我正在努力学习C# ASP.NET，为此我正在构建一个项目。我想知道脚本标记在.cshtml文件中是什么？对于一个实例，每个View页面(创建、编辑、删除等)有脚本标记。
<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.
浏览 3提问于2019-09-27得票数 0
1回答
你好，我有一组来自php的数据，例如( US，JAP，EUR，HK)，我想把它放在一个fix按钮后面。
当我使用('#heed').after时，它只是将按钮放在All按钮内，那么正确的命令是什么？
这是我的密码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title
浏览 1提问于2013-11-06得票数 0
回答已采纳
我最近一直在研究Google Buzz API，我想它应该类似于Twitter API来查询--文档读起来差不多是这样的。看起来并不是这样，我正在挠头，试图弄清楚我错过了什么……
例如，如果您在浏览器中抛出以下URL；
它返回预期的数据。但是，如果您在相同的URL上运行一些相当简单的JQuery代码(如下所示)，它将返回null。
<html>
<head>
<title>Buzz Wall of Awesome</title>
<script src="http://ajax.googleapis.com/aja
浏览 3提问于2010-11-28得票数 2
3回答
我只是想让Jquery与我的rails应用程序一起工作。
我想在我的new.html.erb文件中放置一些JQuery，但我在chrome的控制台中得到以下错误：
Uncaught SyntaxError: Unexpected token (
这是我的new.html.erb：
<% provide(:title, "New Stat") %>
<% provide(:heading, "Welcome, #{ current_user.email }!") %>
<div id="stats-page-contai
浏览 0提问于2013-02-18得票数 0
回答已采纳
3回答
我正在尝试将父<div>标记添加到我的<img>标记中。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>submit demo</title>
<script src="D:\jquery\jquery.js"></script>
</head>
&
浏览 1提问于2013-11-19得票数 0
1回答
我正在为我的PHP应用程序使用DurandalJS框架。我正在利用DurandalJS框架特性来显示模态视图。
我有一个主页，home.html，它包含一个链接到一个名为autocomplete.html的页面。单击此链接时，它将在模态视图(由autocomplete.html提供的特性)中打开DurandalJS页面。
我还使用jQuery自动完成功能为文本框创建了一个自动完成功能。当用户在文本框中输入任何内容时，他会根据通过键盘输入的字符获得建议列表。
这里的问题是，如果autocomplete.html页面在浏览器中独立运行，那么自动完成功能就能工作。但是，当页面在模式中显示时，即通过D
浏览 1提问于2014-01-07得票数 0
回答已采纳
1回答
我对下面的代码有问题。
如果我点击h1元素，它就会改变它的宽度，这就是它应该做的。但是，当单击h1元素时，div容器h1元素处于“跳转”状态。如果我将h1元素更改为div、span等，也会发生同样的情况。它使用的唯一元素是一个按钮。
然而，奇怪的是，当我移除HTML代码(<!DOCTYPE html>)的第一行并将其保持为空时，它就能正常工作-- div元素不会跳转。如果我从CSS中删除display: inline-block行，它也能工作，但是标题不是居中的。
知道有什么问题吗？还是一只虫子？
<!DOCTYPE html>
<html>
<h
浏览 2提问于2014-10-17得票数 0
回答已采纳
1回答
我使用的版本1.0.0-rc.1的ui-路由器和角1.6.4与组件.
是应用程序路由的简化版本。每个视图都与一个组件关联。顶部、侧边栏和pageContent都是组件。
代码在主视图下面的方式没有注入pageContent组件，也没有错误或警告。但顶部和侧边栏被注入。
柱塞链接来复制它：
// Application routes
$stateProvider
.state('root', {
url: '',
abstract: true,
views: {
浏览 2提问于2017-04-16得票数 0
回答已采纳
我正在尝试使用jquery mobile的简单多页面功能，但它不适用于我的ASP.Net MVC3 test.cshtml页面。下面是该页面的源代码。有人能帮我吗？
@{
ViewBag.Title = "TestPage For Multiple Page";
Layout = "";
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>@ViewBag.Title&l
浏览 0提问于2012-05-08得票数 0
回答已采纳
有人愿意帮助我吗?在我下面的代码中，我试图用下拉选择显示一个div，但是为什么现有的javascript不能工作。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="wid
浏览 1提问于2022-01-17得票数 1
我一直在尝试扩展代码示例，调整1iframe的大小，但对一组分层的iframe执行此操作。基本上我有3行div表格/表格单元，其中第2行和第3行有两个或更多的单元格，每个单元格都有两个iframe(标题和内容)。请参阅下面的html代码和样式表。
问题是我正在尝试调整行的大小，但是iframe会比div表和div单元格块更大。我不确定为什么会发生这种情况。我在一个div中找不到任何超过一个iframe的例子来查看。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!--
Page
浏览 1提问于2015-12-24得票数 0
我想给我的一篇Joomla文章增加一点趣味性。功能非常简单，当您单击字符串时，html会显示。我做了一个独立的HTML，它正在工作。
现在，我试图在Joomla文章中包含代码，但它不起作用。这就是我在本文的源代码中添加的内容。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script>
jQuery(function(){
jQuery('.showItem').cl
浏览 1提问于2016-06-14得票数 0
回答已采纳
如果我在Google Apps脚本中创建一个简单的HTML web应用程序，如下所示：
function doGet() {
return HtmlService.createHtmlOutputFromFile("index.html");
}
index.html看起来像这样：
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<div>Test</div>
是否可以将JS和CSS文件添加为项目的一部分，并使用脚本和链接
浏览 0提问于2012-07-05得票数 21
回答已采纳
我在访问ajax请求的html响应的元素时遇到了问题。我正在使用jquery，并且我试图尽可能地简化问题：
我有一个这样的ajax html响应(保持非常简单)：
<div id="div_1"><span id="span">Text in Span</span></div>
<div id="div_2">Text in div</div>
$.ajaxSetup(
{
success: function(html)
{
alert($('
浏览 2提问于2012-04-25得票数 2
4回答
我正在尝试使用jQuery解析一些超文本标记语言，就像这个简单的例子：
$('<html><body><div><p>Test</p></div></body>')
现在，生成的对象有点让人失望。当我使用.html()函数时，我应该获取根元素中的所有内容。
不幸的是，jQuery丢弃了<html>、<body>和<head>标签。
所以我得到了：
$('<html><body><div><p>Test&l
浏览 0提问于2013-01-21得票数 0
1回答
这是我第一次尝试使用引导。我只是想让一个基本的菜单栏正常工作。从我看来，一切都很好，但看上去不太好。我试着用一个新的下载来切换css，但仍然没有修复任何东西。
这是HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="v
浏览 3提问于2014-09-02得票数 0
回答已采纳
我有一份菜单，上面有几个类别：
<div class="col p-0 m-0">
<ul class="Categories__Menu">
@foreach($categories->take(6) as $category)
<li class="active">
<a href="#" name="category" id="{{$category->id}}"
浏览 1提问于2018-05-26得票数 0
回答已采纳
首先，我想说我对JavaScript和Jquery非常陌生，所以希望这是一个简单的例子，
我有一些JS代码来安排在JSfiddle ()中工作的几个div标记的顺序。
然而，当我尝试把它放到网页上时，什么都不会发生。
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Testing</title>
<link rel="stylesheet" href="//code.jquery.com/ui/
浏览 3提问于2014-03-30得票数 0
回答已采纳
我遇到了一个非常奇怪的问题
我有一个viewModel：
public class ServiceView
{
[Required]
[Display(Name = "Titre de l' annonce")]
public string NomService { get; set; }
[Required]
[Display(Name = "Description")]
public string DescriptionService { get; set; }
[Display(Name
浏览 0提问于2012-04-21得票数 1
回答已采纳
4回答
我有一个简单的应用程序，在这个应用程序中，我希望使用jQuery的.toggle效果在字段集中显示和隐藏元素之间切换。问题是，偶尔我必须双击按钮，以使切换，以使它工作。
对发生了什么有什么想法吗？
HTML：
<!DOCTYPE html>
<html>
<head>
<script src="jquery-2.1.1.min.js"></script>
<script src="test.js"></script>
</head>
<body&
浏览 5提问于2014-06-20得票数 0
回答已采纳
2回答
在jQuery手机中，我希望从外部文件中加载分页器。我可以将标记添加到我的DOM中，但是之后我面临的问题是，一旦我导航到#page2 2，整个#page1-div就从DOM中消失了，因此我无法返回(请看下面的屏幕截图)。
单击“转到第2页”前的DOM
单击“转到第2页”后的DOM
正如你所看到的，整个#页面1-div已经永远消失了。为什么会这样呢？有什么想法吗？请参阅下面的标记和代码：
test.html
<!DOCTYPE html>
<html>
<head>
<meta charset="ut
浏览 1提问于2014-08-14得票数 3
回答已采纳
我正在使用QUnit测试我正在编写的jQuery plugin，并希望使用blanket来生成覆盖率信息。
我的测试如下所示：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>My Awesome Test Suite</title>
<!-- Load local jQuery. This can be overridden with a ?jquery=___ param. -->
<script
浏览 0提问于2014-06-11得票数 0
这是我的.htaccess文件：
RewriteEngine on
RewriteCond %{REQUEST_FILENAME} -s [OR]
RewriteCond %{REQUEST_FILENAME} -l [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^.*$ - [NC,L]
RewriteRule ^(.*) /index.html [NC,L]
这是app.js
var app = angular.module('router', ['ngRoute']);
app.controll
浏览 2提问于2015-04-30得票数 7
回答已采纳
我的问题与这些问题非常相似：
但这是一个特殊的案子，他们中没有一个为我工作。
我使用fancybox (1.3.4) jQuery插件来显示ajax调用的结果，该调用返回一个HTML。outputting包含一个带有jQuery行的ajax表单，这些行由于html()函数而没有输出。我尝试用innerHTML (实际上与html()相同)替换它，或者由其他人替换标记，然后更新它，但是没有什么效果。
如果您想确切地知道这种情况发生在哪里，那么它是fancybox JS文件中的265行。
有什么办法解决这个问题吗？
干杯,
尼古拉斯。
编辑：--包含<script>标记的ajax撤回
浏览 2提问于2010-12-03得票数 1
回答已采纳
1回答
我正在尝试使用jQuery验证，它不会在提交时进行验证。如果我删除规则，并将所需添加到firstName字段，它将在Chrome下工作，而不是IE8。由于它的位置，它将无法工作，无论是在Chrome或IE8。我知道IE8有它的怪癖，但不幸的是，我的客户需要IE8，但我显然遗漏了一些东西。有什么建议吗？
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html
浏览 3提问于2014-03-11得票数 1
回答已采纳
我想从同一个域中的不同html文件加载div。我如何使用jquery做到这一点呢？
下面是我的示例，但它不起作用。在过去，我使用过.load()，但现在它被弃用了。我现在的浏览器是Firefox72.0.2。64位。
请记住，在旧的firefox浏览器中，它可以工作(如Firefox 60.0)，但在新的Firefox浏览器中，它不能工作。
请你可以写的代码与完整的解决方案。我是Jquery的新手。
谢谢。
<html>
<head>
<meta http-equiv="Content-Type" content="text/ht
浏览 0提问于2020-01-29得票数 1
1回答
JQuery无法解析JSP
、、、、
我的JQuery process.js文件无法解析JSP表达式。我只是想在JSP中显示一个List对象。如果我只使用${students}对象，它将正确工作并显示所有学生，但如果我试图使用JQuery显示它，它只会显示浏览器中的${students}字符串。我在web.xml中禁用了脚本，并使用EL显示数据。
还有别的办法可以解决吗？
浏览器输出：
Hello World from JQuery!
From JSP:
[Student{id=1, name=Jack}, Student{id=2, name=Jill}]
From JQuery:
${students}
home.js
浏览 2提问于2015-10-15得票数 1
回答已采纳
好的，那么在下面的例子中，我该如何更改h2的文本呢？我试了我能想到的所有方法，但似乎都不起作用。我已经尝试了这么多东西，所以在这里发布它们是没有意义的，所以我希望有人可以只是发布如何。框架是从外部url加载的，我正在/将要使用JQuery，所以请随意使用其中的任何内容。谢谢。
<html>
<head></head>
<frameset cols="100%">
<frame src="http://loadingfrom.com/">
<html>
浏览 0提问于2011-09-21得票数 0
2回答
由于jquery移动后退按钮在不同的页面中不能很好地工作，我尝试添加动态后退按钮。
$("#page1").bind("pagecreate",function() {
if(page2 == 1){
$('<div data-role="button" id="back"><a data-icon="arrow-l" href="pag2.html">Back</a></div>').prependTo(
浏览 2提问于2012-11-22得票数 1
2回答
我有一个预先构建的AngularJS应用程序，用于使用MEAN进行用户身份验证。我也有几个独立的HTML页面，我想包括在应用程序。包含的目的是包括导航栏，以包含用户数据。
--这是我开发的应用程序。
我尝试在我的app.js中添加一条路由，如下所示：
APP.JS
! function() {
function n(n, e) {
n.when("/", {
templateUrl: "home/home.view.html",
controller: "homeCtrl",
contro
浏览 6提问于2016-07-06得票数 1
3回答
你好，我有一个来自bootstap的导航栏，当我自动切换页面时，我想添加avtive类。
如何做到这点。我有我的脚本，但它不会工作。
如何使用jquery做到这一点？
<nav class="navbar navbar-default navbar-inverse navbar-fixed-top">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
浏览 0提问于2016-03-20得票数 0
我在一个网站上工作，其中大多数的模板是segment_1或segment_2级别。在这些页面上，页脚内容(这是一个包含文件)可以正确显示。
示例：
但是，在segment_3页面上，相同内容不能正确显示。
示例：
下面是html：
<div id="footer">
<div id="footer-buffer"></div>
<div id="footer-content">
{exp:channel:entries channel="misc" url_title="co
浏览 1提问于2012-04-07得票数 0
回答已采纳
3回答
为什么IE11上有奇怪的行为？
、、、、
我部署的jQuery移动站点的版本似乎存在问题。在本地机器上运行，看上去没问题。
然而，当部署到一个测试服务器时，jQuery移动的ui遇到了一个问题(如下图所示)。我已经在IE11和Chrome上测试了部署的网页。在Chrome上，它看起来就像本地托管版本，所以在IE11上它只是“奇怪”的iu。
当然，HTML源代码在这两个版本上都是相同的，除了文件的路径(css/js)，但是在Chrome上，它同样适用于这两个“版本”。
<!DOCTYPE html>
<html>
<head>
<title></title>
浏览 1提问于2014-09-11得票数 0
回答已采纳
所以我做了一个简单的素描，看起来对Codepen很有效：
<head>
<title>Etch-a-Sketch</title>
<link rel="stylesheet" href="stylesheet.css"></link>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/boot
浏览 3提问于2017-07-06得票数 0
回答已采纳
好的,
我的智慧在这里结束了。我读过关于锚标签、基本url和href的用法的问题。然而，无论我做什么，我似乎仍然得到一个锚标记和基本网址添加到链接。
下面的示例：当我在链接上悬停时，它显示了，但是当我点击一个href标记时，我得到了下面的
HTML :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="widt
浏览 9提问于2015-07-17得票数 1
回答已采纳
我使用的是jQuery 1.4，我试图添加包含来自另一个域的javascript文件的DIVs。在加载jQuery之后，正文末尾有以下内联代码：
<script src="jquery-1.4.3.min.js"></script>
<script src="scripts.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
var html = "<div>
浏览 0提问于2010-11-13得票数 3
1回答
我编写了一个简单的示例自定义角指令，并在HTML中添加了两次指令。下面是样品。
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="Scripts/jquery-1.9.1.min.js"></script>
<script src="Scripts/angular.min.js">
浏览 2提问于2014-08-25得票数 1
回答已采纳
有时，将DOM元素创建为jQuery对象用作选择器和上下文非常有用。
下面的内容可以在中使用 IE7、IE8和其他所有使用jQuery 1.6.2/3的浏览器，但是请注意，document.createElement是用来制作work.in IE7和IE8的。
jQuery('body').append('<div id="basic-render-test"> </div>');
var new_object = {};
new_object.wrapper = '<span id=&#
浏览 0提问于2011-09-09得票数 3
回答已采纳
1回答
我正在为html/js/jquery/css编辑器创建自己的代码。这是简单地注入css、html和javascript(特别是jquery)的代码。css和html工作得很好，但是不管我做什么，jquery或javascript似乎都无法工作.这是我的代码：
var contents = $('iframe').contents(),
body = contents.find('body'),
styleTag = $('<style></style>').appendTo(contents.find(&#
浏览 1提问于2014-04-23得票数 0
回答已采纳
我有一个login.php文件
<div class="content tabs">
</div>
然后将该login.php刷新到输出的html文件
switch ($temp) {
case 'php':
ob_start();
include_once($file);
$content = @ob_get_contents();
ob_end_clean();
浏览 0提问于2012-09-11得票数 1
回答已采纳
当我单击btnSelect时，没有任何反应。我希望它选择2个选项卡中的第二个，第二个选项卡的索引为1。我删除了一些无关的标记 以下是我的代码 <script>
$(function () {
$("#tabs-left").tabs();
$("#tabs-right").tabs();
$("btnSelect").click(function () {
$("#tabs-left").tabs("opti
浏览 11提问于2020-01-14得票数 0
1回答
角纳克-包括不工作
、、、
这是我的html的一部分，我试图包含另一个HTML文件"content.html“，但它不起作用。源中的地址是正确的，但我仍然无法实现。
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic Page Needs
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta charset="utf-8">
<title>Your page ti
浏览 4提问于2016-07-20得票数 5
回答已采纳
1回答
我试图在Php回送上向div添加一些内容
包括
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
Php代码
<?php echo "<script type='text/javascript' >$('.not
浏览 0提问于2015-09-04得票数 0
回答已采纳
1回答
jQuery：
$(function() {
$("img").tooltip();
$("a").tooltip();
})
HTML：
<div id="container">
<div id="main">
<a href="#">testing</a>
<img src="trollface.jpg" title="Hello, imma trollface!" />
</div>
</div>
浏览 3提问于2011-08-23得票数 1
我正在尝试用jquery modal ()创建一个模态。我想通过AJAX将页面内容加载到一个模式中(如示例4所述)。我尝试了下面的代码，但它没有显示模式。
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<
浏览 0提问于2021-01-08得票数 0
我刚开始使用web，所以我觉得我错过了一些简单的东西。我真的需要有人指出我错过了什么？
我试图使用jquery ()函数将本地html文件包含到另一个html文件中。我遵循了其他的一些建议。它看起来应该非常简单，工作很好，但它不起作用。我确实将jquery源代码添加到头中，并确保在主体中插入的部分包含正确的div id。我不需要插入本地html的某个特定部分，只需要插入整个内容。该html仅仅是文本，只包含<p>标记和类似的内容。
下面是代码：
<html>
<head>
<meta charset="utf-8" />
浏览 2提问于2020-05-23得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
