Jquery .html方法似乎不起作用
JQuery是一个流行的JavaScript库，提供了许多简化和增强JavaScript编程的功能。其中，.html()方法是JQuery提供的一个用于获取或设置HTML内容的方法。
对于问题中提到的情况，如果.html()方法似乎不起作用，可能有以下几个可能的原因和解决方法：
- 确保JQuery库已正确加载：在使用JQuery的任何方法之前，需要确保JQuery库已被正确加载到页面中。可以通过在HTML文件中引入JQuery库的方式来实现，例如：
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>- 确保元素选择器正确：
.html()方法通常与元素选择器一起使用，以选择要操作的HTML元素。确保选择器正确指向目标元素。例如，如果要操作id为"myElement"的元素，可以使用以下代码：
$("#myElement").html("新的HTML内容");- 确保DOM加载完成：如果在DOM加载完成之前尝试使用
.html()方法，可能会导致方法不起作用。可以使用JQuery的$(document).ready()方法来确保DOM加载完成后再执行相关操作。例如：
$(document).ready(function() {
// 在这里执行相关操作，包括使用.html()方法
});- 检查是否存在其他错误：在开发过程中，可能会存在其他错误导致
.html()方法不起作用。可以使用浏览器的开发者工具（如Chrome的开发者工具）来检查是否存在JavaScript错误或其他相关问题。
总结起来，如果.html()方法似乎不起作用，需要确保JQuery库已正确加载，选择器正确指向目标元素，DOM加载完成后再执行相关操作，并排除其他可能存在的错误。如果问题仍然存在，可以进一步检查代码逻辑或寻求更详细的错误信息来解决问题。
关于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体品牌商，无法给出具体链接。但腾讯云提供了丰富的云计算服务，包括云服务器、云数据库、云存储等，可以通过访问腾讯云官方网站或搜索腾讯云相关产品来获取更多信息。
相关·内容
下面的代码将删除#approve和#deny，并在其中一个链接被按下时回显用户按下的内容。
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$('#approve').click(function(){
$('#a
浏览 3提问于2012-08-15得票数 0
回答已采纳
我有一个jQuery：
jQuery(".storyImg").each(
function(){
if(this.width() > this.height()){
jQuery(this).addClass("landscape");
} else if (this.width() < this.height()){
jQuery(this).addClass("portrait");
} else {
}
}
);
它似乎不起作用。我甚至不能让它从函数内部发出警报
浏览 0提问于2013-10-09得票数 0
回答已采纳
我正在尝试添加带有html字符串的内联onclick事件侦听器，我正在使用jQuery html方法更新它，但它似乎不起作用。 它似乎没有添加任何单击事件侦听器，当我检查元素时，也看不到onclick属性。 我是不是漏掉了什么，有人能帮上忙吗？ var data = [{
'a': 1,
'b': 2
}, {
'a': 10,
'b': 3
}];
var str = '';
function sendData(e, data) {
console.log(data);
}
data.
浏览 46提问于2018-07-06得票数 1
回答已采纳
2回答
我试图使用jQuery.load()方法从外部网站中提取一些信息，但这似乎不起作用，有什么好解释的吗？我在firefox和chrome上都进行了测试。
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button"
浏览 2提问于2014-05-03得票数 2
回答已采纳
2回答
可能是简单的问题，但如何用jQuery编写输入名称：
HTML
<input type="hidden" name="user[profile_attributes][birthdate(3i)]" value="3">
JQUERY：
这似乎不起作用，也不适用于其他地方：
jQuery('input[name="user[profile_attributes][birthdate(3i)"]')
浏览 4提问于2016-03-27得票数 1
回答已采纳
2回答
在我的网站上，我使用以下代码。它在jQuery 2.2.3中运行得很好。现在我想使用jQuery 3，但它似乎不起作用。你能帮我把这段代码重写成jQuery 3吗？香草js解决方案也将不胜感激。
$(document).ready(function () {
$('#preloading').load("loading.html", function () {
$(window).load(function () {
$('#preloading').fadeOut('slow');
浏览 3提问于2017-01-16得票数 1
回答已采纳
我的代码不能工作，似乎前面插入的元素不能被后面的脚本找到。
我更新了基本语法错误作为前三个答案，但它似乎仍然不起作用。
代码：
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.1.1.min.js"></script>
<script type="text/ja
浏览 0提问于2013-04-16得票数 1
回答已采纳
因为我的实际例子太大了，所以我举了一个很短的例子：
test1.php
<!DOCTYPE html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> <!--jQuery-->
<body>
<p> What is the first letter of the alphabet?</p>
<button type="button" id=&#
浏览 1提问于2017-08-22得票数 0
回答已采纳
3回答
我已经尝试了许多不同的方法，但都不起作用。现在我有：
$(document).ready(function () {
$(".page").click(function () {
var html = $(document).html();
html.replace("[", "<");
alert("here");
});
});
这是不起作用的。例如，它也不允许我执行Jquery示例的任何操作
$("[").repla
浏览 0提问于2012-07-24得票数 3
回答已采纳
4回答
我正在尝试从一家公司托管的网站收集JSON数据。我不在同一个域，所以我不能直接访问它。从头文件看，它们似乎也不使用CORS。因此，我尝试使用JSONP来解析数据，但似乎不起作用。我试过做$.getJSON和$.ajax，但是它们抛出错误并且不调用函数。到目前为止，这就是我的解决方案，在来自服务器的响应中，它仍然没有将数据包装在getResults中。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<script type="text/javascript" src
浏览 0提问于2014-02-12得票数 8
3回答
如何在jQuery中编写下面的CSS选择器。我的目的是让这种特殊的样式在旧的IE浏览器中工作。
CSS：
.classA .classB>.classC .classD {
background-color: red;
}
以下jQuery代码似乎不起作用
$('.classA .classB>.classC .classD').css('background-color':'red');
下面是示例html和jquery代码，用于显示我对的要求。
浏览 1提问于2013-12-27得票数 0
回答已采纳
2回答
我试图刷新我的网页的一部分，一个div，我找到了有关这方面的代码，但它不起作用。这似乎是正确的，但不起作用。我不明白会发生什么，我尝试了其他的jQuery代码，但也不起作用。
这是html文件：
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
var timer;
浏览 2提问于2015-06-04得票数 0
回答已采纳
我似乎不能让jquery time以前的插件工作。
以下是我的代码
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="jquery.timeago.js"></script>
</head>
<body>
<abbr class="timeago" title=&#
浏览 4提问于2013-03-19得票数 0
回答已采纳
1回答
我想用jQuery获取CKEditor的内容，然后通过AJAX发送。
但是$(..).val()或$(..).html()不起作用，似乎我应该使用CKEditor对象。
有什么关于如何获取内容的帮助吗？
浏览 0提问于2014-05-05得票数 0
如何在弹出窗口中创建JQuery日期选择器？
我试过很多方法，但似乎不起作用。当然，我不能使用$(document).ready，因为弹出窗口是像这样加载到JQuery中的
function PopupCallback(data) {
$('#popup').show();
$('#popup .content').html(data.Content);
}
从AJAX加载数据
浏览 0提问于2011-12-05得票数 2
我想要创建一个使用名称空间的JQuery插件。这就是我尝试创建一个返回html的简单函数：
(function($) {
$.fn.ns = function () {
return {
foo1: function(){
var element = $(this);
$(element).html('<b>hello</b>');
return this;
}
}
};
浏览 3提问于2014-09-06得票数 0
回答已采纳
2回答
我试图使用jQuery从输入的HTML元素中获取名称的值，但它不起作用。
HTML代码：
我试图使用jQuery中的代码来获取所有的名称值。
$(.myclass).each(函数(值){.each(‘input=’+ $(this).attr('name') +‘+$(This).val()；})；
这个$(this).attr('name')似乎不起作用。
浏览 1提问于2014-11-27得票数 0
回答已采纳
我刚开始使用web，所以我觉得我错过了一些简单的东西。我真的需要有人指出我错过了什么？
我试图使用jquery ()函数将本地html文件包含到另一个html文件中。我遵循了其他的一些建议。它看起来应该非常简单，工作很好，但它不起作用。我确实将jquery源代码添加到头中，并确保在主体中插入的部分包含正确的div id。我不需要插入本地html的某个特定部分，只需要插入整个内容。该html仅仅是文本，只包含<p>标记和类似的内容。
下面是代码：
<html>
<head>
<meta charset="utf-8" />
浏览 2提问于2020-05-23得票数 2
回答已采纳
我试图使用、iframe对象、和jQuery访问特定元素(可能更类似于此)，但它不起作用。
iframeWindow对象是而不是null，但下一条语句似乎不起作用。我在这个答案上看到了类似的东西，但它不起作用。我做错了什么吗？
这是我的密码：
RADIO.PHP
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript" src="jquery.js"></script>
浏览 9提问于2017-01-09得票数 6
回答已采纳
5回答
我正在一个现有的web应用程序上实现AngularJS，它需要一个通用的HTTP POST，就像没有AngularJS一样。
这似乎比我预期的要困难得多。页面URL是动态生成的，不能使用PHP回显。我尝试使用jQuery修改表单操作，但似乎也不起作用。
按正常方式提交表单真的是不可能的吗？这就是我所说的范式：
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<form method="post">
<input type="te
浏览 1提问于2013-08-08得票数 10
1回答
我试图隐藏相关视频(Youtube iframe)，但似乎不起作用。
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
<div id = "frame_container">
<iframe id="frame" wid
浏览 0提问于2020-03-19得票数 0
2回答
我正在编写一段代码，在加载页面之后查找具有css样式clear: both的div，然后添加css display: none。
这是我的代码示例：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js" type="text/javascript"><
浏览 2提问于2016-04-17得票数 0
回答已采纳
2回答
当使用jQuery提交表单时，是否可以将生成的页面(在提交之后)放在另一个HTML元素中？
我会试着让这一点更清楚。到目前为止，我一直在使用回调方法，其中包括
document.forms['form'].submit();
每当表单使用新信息更新并需要刷新时。但是，这会导致整个页面刷新。我正在使用jQuery实现部分页面刷新，并考虑使用以下内容
var newContent = jQuery('#form').submit();
jQuery('#div').load(newContent);
然而，这似乎不起作用，因为页面仍然完全刷新。内容是
浏览 1提问于2010-03-18得票数 4
回答已采纳
我似乎不能让这件事起作用。我正在使用JQuery，并且对此有点陌生。警报消息是-->before...function(A){返回J.剧本也不起作用。
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type=
浏览 3提问于2016-03-09得票数 1
回答已采纳
我想用代码+和-符号来切换+；和-
我尝试了以下切换HTML的解决方案，但这些代码似乎不起作用。它会切换一次，但不会往回转。
<p>+</p>
jQuery
jQuery('p').on('click', function(){
jQuery('p').html(jQuery('p').html() === '-' ? '+' : '-');
});
我怎样才
浏览 2提问于2017-08-06得票数 1
stellar js要求元素具有以下数据属性，如：
<div data-stellar-ratio="2"></div>
但是，我不能在这个特定的站点上使用内联html，所以我只需要使用jquery。
我试图用jquery添加数据属性，但似乎不起作用。有人知道为什么吗？
$(window).stellar();
$('.gallery.home .image:nth-child(2)').data('stellar-ratio', '2');
浏览 5提问于2014-04-23得票数 0
我正在尝试将一段jQuery代码添加到我在线获得的组件中。
我已经在代码中实现了超文本标记语言和层叠样式表，但我在加载jQuery时遇到了问题。我在html部分的底部使用了<script>标签，但它似乎不起作用。有什么想法吗？
浏览 0提问于2016-12-17得票数 0
1回答
我是jquery的新手。但它似乎不起作用。我正在尝试动画，我已经从字面上复制并粘贴了一段代码到记事本中，并像你一样将它保存为xxx.html。我从这里得到它的jquery站点-
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>bounce demo</title>
<link rel="stylesheet" href="//code.jquery.com/
浏览 0提问于2016-08-29得票数 0
6回答
有没有办法使用jQuery从TinyMCE编辑器中获取HTML内容，这样我就可以将其复制到另一个div中？
我尝试了几种方法，比如在内容上使用val()，但似乎不起作用……
浏览 2提问于2012-06-20得票数 4
回答已采纳
我在一个指令中有一个登录模式，我试图使用链接函数和jquery使其工作，但它似乎不起作用。
这是登录按钮
登录
这是登录模式视图的较小版本。
这是登录指令
角.module('app') .directive('loginModal'，'$scope'，loginModalDirective)；函数loginModalDirective($scope) {返回{限制：'E'，templateUrl：'template/loginmodal.view.html'，链接: function (作用域，ele
浏览 1提问于2017-01-19得票数 1
回答已采纳
我正在使用角cli工具制作一个简单的角2应用程序。在我的代码中，我必须将jquery.js文件包含在我的index.html中。jquery.js位于node_modules目录下，但是语句
<script src="../node_modules/jquery/dist/jquery.js"></script>
在index.html中似乎不起作用：
加载资源失败：服务器响应状态为404 (未找到)
如何确保jquery.js包含在index.html中？谢谢你的帮助。
浏览 7提问于2016-12-29得票数 7
回答已采纳
我正在尝试将jquery添加到Phoenix项目中。
当我在头标签中的app.html.eex中直接链接到jquery时，如下所示：
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
...It起作用了。
但是，我不想要web依赖。我想在应用程序中使用jquery。
我已经将jquery.min.js复制到了web/static/js目录。并在app.html.eex
浏览 1提问于2015-12-26得票数 11
3回答
我正在尝试将一些文本附加到我的html中，但使用submit()似乎不起作用。我也从jquery那里得到了一个奇怪的信息，toLowerCase不是一个函数。所有其他脚本都会被注释掉，以确保没有干扰。
Jquery：
var template = function(action){
return '<div class="event"><p>'+ action +'</p></div>'
};
var display = function(input){
var temp = inp
浏览 29提问于2016-08-07得票数 1
回答已采纳
1回答
下面的代码包含一个简单的hello world html页面，我试图使用库html2canvas来下载画布，但是它似乎不起作用，我正在学习一个教程，但它不起作用，我下面做错什么了吗？任何帮助都将不胜感激。
function sendData() {
html2canvas(document.getElementById('capture')).then(function (canvas) {
$('#capture').append(canvas);
$('#match-button')
浏览 2提问于2018-07-04得票数 0
回答已采纳
1回答
我目前正在开发一个Chrome扩展，但是它似乎不能执行任何Javascript。
$(document).ready(function () {
$("#overlay").hide();
});
在本例中，我试图隐藏一个id为"overlay“的div，但它似乎不起作用。存储在外部文件(popup.js)中
清单：
{
"name": "Test",
"version": "0.0.1",
"manifest_version": 2,
"de
浏览 0提问于2015-04-18得票数 1
1回答
我正在尝试使用拉取最新的YouTube实时事件提要，但我的脚本似乎不起作用。这是我的代码。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/
浏览 0提问于2012-09-29得票数 2
回答已采纳
Jquery工具提示函数似乎没有使用按钮作为目标。使用jquery版本1.9.2和jquery版本1.8.3。
我为我的问题创建了，它似乎根本不起作用。我完全被困在这里了。这是我的javascript：
$(document).ready(function () {
$('#myBtn').tooltip({
position: {
my: "left top",
at: "bottom"
},
content: function () {
浏览 3提问于2013-10-24得票数 1
2回答
如何基于数据属性加载文件？
由于某种原因，$(这个)似乎不起作用。
if ($('.html').data('load-file')) {
$(this).load($(this).data("load-file") + ' ' + $(this).data("load-content"));
}
body {
margin: 0;
padding: 0;
}
.html {
width: calc(100% - 10px);
height: 80px;
mar
浏览 6提问于2017-07-22得票数 0
回答已采纳
1回答
编辑:我知道这看起来像一个重复的问题，但它是针对HTML5拖动事件的。我在添加jQuery事件时没有遇到问题，只是HTML5的拖放功能。
我曾多次使用basic jQuery向页面添加拖放功能，但我希望在当前项目中使用新的HTML5拖放功能。Drag对于我在HTML中包含的任何元素都很有效，但我似乎不能动态添加元素并使它们可拖动。我怀疑这是因为所有可拖动的事件侦听器都是在页面加载时，即在创建新元素之前绑定的。有没有人有幸使用HTML5使动态添加的元素可拖动？或者，有没有办法在不重新加载页面的情况下重新绑定事件侦听器？
对任何HTML5拖动事件使用.bind()似乎都不起作用。也就是说，
$(n
浏览 1提问于2014-11-18得票数 6
7回答
我有一个名为“closable”的类，并试图添加一个现有的div。目前，它似乎完全无视它。:(
$(type).addClass('closable');
jQuery(form).append('<div class="'+type+'">'+data.msg+'</div>');
HTML输出:不实际显示。
我也尝试过：
jQuery(form).append('<div class="'+ type +' closable">
浏览 17提问于2013-08-20得票数 1
回答已采纳
7回答
我正在尝试将一个简单的变量从我的jQuery传递到我的php，然后在我的HTML中回显它。但这似乎不起作用。
我无法让我的变量$result出现在我的页面上。有什么想法吗？阿贾克斯的职位似乎运作良好。问题似乎在于php和HTML之间的通信。
index.html：
<!DOCTYPE html>
<html>
<head>
<title>My Site</title>
<script src="http://code.jquery.com/jquery-latest.min.js
浏览 7提问于2014-01-04得票数 2
回答已采纳
我有一张表格：
<form name="orderform" onsubmit="submitForm()">
HTML HERE
.
.
.
<button type="submit" name="submitbutton" id="submitbutton">Submit</button>
和函数：
function submitForm()
{
submitted = true;
goHome(submitted);
}
和
function goHome(s
浏览 2提问于2016-05-25得票数 0
我有一张购物车里的产品表。无论价格是0美元，我想把它改为TBC。我使用的代码如下：
jQuery(document).ready(function() {
var replacedAmount = jQuery('body').html().replace('$0','TBC');
jQuery('body').html(replacedAmount);
});
我认为需要一些正则表达式，因为$但/$/似乎不起作用。
浏览 1提问于2013-10-02得票数 0
回答已采纳
2回答
我正在尝试建立一个'Loader‘在用户提交表单(PHP)。这是我到目前为止得到的似乎不起作用的东西。
您能强调一下可能存在的潜在问题吗？
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jque
浏览 0提问于2016-12-12得票数 0
回答已采纳
3回答
如何使用插件旋转图像？
我尝试了以下方法，但似乎不起作用：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>View Photo</title>
<script type="text/javascript" src="scripts/jquery.js"></script>
<script type=
浏览 4提问于2008-12-13得票数 10
回答已采纳
我的manifest.json是这样的。
{
"manifest_version": 2,
"name": "Getting started example",
"description": "This extension shows a Google Image search result for the current page",
"version": "1.0",
"chrome_url_over
浏览 0提问于2016-04-02得票数 2
我有一个rss feed，吐出纯html，所以我想能够选择一个<object>并添加一个类到它，以便能够样式化它。
这是我写的jquery代码，但它似乎不起作用。
$(document).ready(function(){
var vid = $("select[name=object]");
$(“vid”).addClass(“youtube”);
});
我对Jquery的使用还比较陌生。
编辑:弄清楚了：
$(document).ready(function(){
vid = $("object");
vid.
浏览 0提问于2011-10-20得票数 0
回答已采纳
7回答
为什么我的鞋带不起作用？
、、、、
我正在尝试使用。所以我把这个例子中的确切代码复制到我的网站上，不幸的是，这个网站不起作用。我粘贴了下面的完整代码并创建了。
我试着把它放在一个引导容器中，并放在行和列中，但是似乎没有什么工作。
有谁能让我的小提琴起作用吗？欢迎所有小费！
<!DOCTYPE html>
<html lang="en">
<head>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="//co
浏览 17提问于2015-05-05得票数 12
回答已采纳
目前，我正在寻找一种使用JavaScript从服务器XML响应中提取信息的简单方法。jQuery似乎是一个很好的候选人。
在使用jQuery解析XML时，我经常会遇到类似于以下代码片段的代码示例：
function parseXml(responseXml) {
$(responseXml).find('someSelector')...
}
然而，jQuery核心文档(下面的引号)清楚地指出，您不应该这样做：
jQuery( html, [ ownerDocument ] )
html动态创建的一串HTML。请注意，这将解析，而不是 XML。
-
这让我想知
浏览 6提问于2010-01-23得票数 3
回答已采纳
1回答
嗨，如果表行包含特定的字符串，我正在尝试使用jQuery修改表的第三个单元格中的内容。我的密码在下面。似乎不起作用。
$(‘tr:contains(test1)’).find(‘td:nth-child(2)’).html(‘test2’);
浏览 3提问于2020-11-05得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
