用来检查特定DOM父对象的React的jQuery等价物是什么？
React的jQuery等价物是ReactDOM。ReactDOM是React的官方库，用于将React组件渲染到DOM中。它提供了一些方法来操作DOM，例如查找、修改、添加和删除DOM元素。通过使用ReactDOM，可以实现类似于jQuery的DOM操作，但更加高效和优化，因为它与React的虚拟DOM机制紧密集成。
优势：
- 高效：ReactDOM与React的虚拟DOM机制紧密集成，可以通过最小化DOM操作来实现高效的页面更新。
- 组件化：ReactDOM支持将React组件渲染到DOM中，使得开发者可以将页面拆分为多个可复用的组件，提高代码的可维护性和可复用性。
- 跨平台：ReactDOM不仅可以在浏览器中渲染React组件，还可以在服务器端使用Node.js进行渲染，实现同构应用。
- 生态系统：ReactDOM是React的官方库，拥有庞大的社区和丰富的生态系统，可以方便地找到各种扩展和工具。
应用场景：
- Web应用开发：ReactDOM适用于开发各种规模的Web应用，可以快速构建交互式的用户界面。
- 移动应用开发：结合React Native，可以使用ReactDOM开发跨平台的移动应用。
- 单页应用：ReactDOM可以与React Router等路由库结合，实现单页应用的开发。
- 静态网站生成器：通过结合静态网站生成器如Gatsby，可以使用ReactDOM构建快速、高性能的静态网站。
推荐的腾讯云相关产品： 腾讯云提供了一系列与云计算相关的产品和服务，以下是其中几个推荐的产品：
- 云服务器（CVM）：提供弹性、安全、稳定的云服务器实例，可用于部署和运行React应用。 产品介绍链接：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：提供高性能、可扩展的云数据库服务，可用于存储React应用的数据。 产品介绍链接：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：提供安全、可靠的对象存储服务，可用于存储React应用的静态资源。 产品介绍链接：https://cloud.tencent.com/product/cos
请注意，以上推荐的腾讯云产品仅作为示例，其他云计算品牌商也提供类似的产品和服务。
相关·内容
我使用的是jsPlumb (我确信这与此无关)，并且在某一点上我正在做一个自定义覆盖，它需要一个$() html构造函数：
create:function(component) {
return $("<select id='myDropDown'><option value='foo'>foo</option><option value='bar'>bar</option></select>");
}
我试图返回一个字符串，或者仅仅返回一个Rea
浏览 2提问于2016-07-28得票数 0
我有一个带有一些样式的td的表格(我放了截图，因为td的内容很大)
现在，我想在这个表中添加一些css，因此我尝试逐个选择它的td，如果它的类是这样的，并应用如下样式：
jQuery(".graTabbedComponentDefaultTabs").parent('table').css('position','relative');
但是什么都没有happens....Do你看到问题了吗？
提前谢谢。
浏览 3提问于2011-04-06得票数 0
回答已采纳
1回答
当我试图在react中导入一个组件时，我遇到了以下错误。
Uncaught TypeError: Cannot read property 'replaceChild' of null
at Function.replaceChildWithTree (index_bundle.js:4067)
at Object.dangerouslyReplaceNodeWithMarkup (index_bundle.js:21337)
at Object.dangerouslyReplaceNodeWithMarkup [as replaceNodeWithMarkup] (index
浏览 0提问于2017-06-27得票数 0
回答已采纳
2回答
我正在构建一个React应用程序，我使用了一些jQuery插件。在我的应用程序中，我使用ES6并导入所有的东西。
所以，在正常的环境中，我会在页面上添加<script />并插入插件。
将jQuery插件导入React组件的最佳方法是什么？谁能解释一下吗？
谢谢!
浏览 3提问于2016-03-29得票数 1
回答已采纳
React State和Javascript对象之间的区别是什么？当状态改变时，dom会自动改变，当对象改变时，dom也会改变。
浏览 15提问于2019-11-03得票数 0
我想在一个基于类的组件中使用useRouteMatch钩子，因为它简化了将参数传递给组件的过程。使用这个钩子在类组件中抛出错误。在React类中使用这个钩子的等价性是什么？
浏览 10提问于2020-05-17得票数 4
回答已采纳
2回答
通过，我了解了React自动维护子组件的状态，这就是为什么
不应该在州里去什么？
React ：基于底层支持和状态在render()中构建它们。
现在，我的问题是如何对我们正在隐藏的组件做同样的操作？
考虑一个子组件，它在迭代中不会被显示，同时我们希望保留它的状态，以便将来它将被带回！
为了说明我的确切意思，我设计了一个案例场景来向您展示。在下面的代码中，您可以添加有状态子组件。为每个组件提供了一个复选框，这样您就可以标记它们。最后，第三个按钮将隐藏未被标记的子组件。我正在寻找一种方法来恢复未标记的组件的状态，一旦它们被带回来。
class BlackBox extends Reac
浏览 6提问于2016-05-24得票数 3
回答已采纳
我有一个项目是从react迁移过来的--Apollo2.x -> 3.x。2.x代码库中有这样一行代码： import { MutationProps } from 'react-apollo'; 当我将我的依赖项升级到3.x时，我得到一个错误，说是node_modules/react-apollo/lib has no exported member 'MutationProps'。 MutationProps在3.x中的迁移路径是什么？
浏览 14提问于2019-12-10得票数 0
3回答
Jquery动画与反应
、、、、
我有一个Javascript, HTML & CSS写的网站。此外，在网站，我有网站开放动画使用Jquery脚本。
我注意到，在网站(无反应版本)如果我不包括jquery-3.2.1.min.js脚本到HTML文件，动画卡住，其余的页面不出现。
我的老板让我用react写这个网站。当我转移(非反应版本)网站的反应之一，我遇到了一个问题。我注意到jquery脚本不起作用。
有什么方法可以包括jquery-3.2.1.min.js吗？
更新：I包含来自npm的Jquery 3.2.1，但仍然无法工作
浏览 0提问于2018-09-14得票数 0
回答已采纳
我需要添加一个点击处理程序到一个动态添加的链接。我读到过来自JQuery的click方法不适用于动态创建的元素(实际上我也不能让它工作)。
我有以下代码：
$(this).find(ops.editbuttonselector).click(function(e) {
由于现在不推荐使用.live方法，因此我需要使用.on。根据这个和我对jquery的理解(它是有限的)，我应该这样做：
selector = $(this).find(ops.editbuttonselector)
$(document).on('click', selector, function(e) {
浏览 0提问于2012-10-24得票数 1
回答已采纳
我遇到了下面的jQuery代码，但我不能理解它。下面的代码，特别是最后一行中的"$([])“部分是什么意思？
var instrument = $("#instrument"),
quantity = $("#quantity"),
orderType = $("#orderType"),
price = $("#price"),
validityDate = $("#validityDate"),
allFields = $([]).add(instrument).
浏览 0提问于2010-04-13得票数 5
回答已采纳
我有一些导航，这是一个react组件。然后，我在我的页面下面的内容中有一个链接。单击链接时，我想向导航组件添加一个CSS类。
它们是完全独立的组件。
在过去，我可能会使用jQuery来定位导航，然后使用addClass()函数。我正在努力在React中弄清楚这一点。
浏览 0提问于2018-01-18得票数 0
我倾向于使用react功能组件和钩子，因为我没有太多使用react的经验。我想在父功能组件中使用react-dual-listbox类组件。在这个父组件中，我希望能够访问子类组件的selected状态。做这件事最好的方法是什么？
来自的子项react-dual-listbox组件
import React from 'react';
import DualListBox from 'react-dual-listbox';
const options = [
{ value: 1, label: 'Option One' },
浏览 2提问于2021-07-22得票数 1
2回答
当点击input元素而不是它的值时，我得到了undefined，这就是我正在尝试的：
$(document).ready(function() {
$(".card_click").click(function() {
var slug = $(this).closest("div.skill").find("input[type='hidden']").val();
console.log(slug);
});
});
<script src="https://c
浏览 0提问于2021-03-26得票数 2
1回答
我删除了通过使用this.refs.element.value在React中获取值的jquery。
我如何移除其中的jQuery并以React的方式来做呢？
var arr = [];
$(".mail-checkbox:checked").closest("tr").each(function() {
arr.push( this.id );
});
浏览 6提问于2017-01-05得票数 0
回答已采纳
3回答
jQuery在其内部缓存中保存对DOM节点的引用，直到我显式调用$.remove()为止。如果我使用了一个框架，比如React，它自己移除DOM节点(使用本机DOM元素API)，我如何清理jQuery的mem缓存？
我正在用React设计一个相当大的应用程序。对于那些不熟悉的人，React将拆除DOM，并根据需要根据自己的“影子”DOM表示进行重建。在没有内存泄漏的情况下，这个部分工作得很好。
快闪，我们决定使用jQuery插件。在React通过其呈现循环并构建DOM之后，我们初始化插件，这将导致jQuery保存对相应DOM节点的引用。稍后，用户更改页面上的选项卡并作出反应，删除那些DOM元素
浏览 9提问于2015-06-11得票数 12
回答已采纳
jQuery中的delegate()和live()方法的背后是什么，使它们能够处理页面中的当前和未来元素？
浏览 0提问于2010-12-20得票数 4
因此，我们在这里，创新与流星和ReactJS。我就是这样做的：
在我的jQuery文件夹中复制mmenu client/lib/js/插件。
创建了一个名为Menu的组件，该组件在componentDidMount方法中具有mmenu插件初始化。
将React Menu放置在我的Layout组件中，因此在查看时，React树在Chrome中的外观如下：
<Layout> <Menu user={this.data.user} /> <Home /> </Layout>
问题是，当Menu组件呈现时，mmenu插
浏览 4提问于2016-03-18得票数 1
因此，我正在致力于将我公司的应用程序迁移到微前端方法。我们遵循中描述的标准。虽然在幕后一切都在使用React，但我们正在用Web组件包装东西，这样我们将来就可以自由和灵活地成为框架不可知的人。我们已经建立并运行了一个工作架构，到目前为止，它工作得很好。我们甚至在Web组件规范之上创建了一个奇特的兼容层，它允许我们向Web组件传递类似React的道具，包括对象、数组甚至函数。这使得它们之间可以进行更好的交互。
我们现在主要关心的是库的重复。我们是一个React商店，所以即使我们有这种框架不可知的方法，一切都在使用React。虽然这种新方法让我们能够将应用程序的各个部分分别升级到较新的React版
浏览 3提问于2019-06-12得票数 1
我有一个使用Microsoft Ajax Ajax.BeginForm()和jQuery进行异步请求的ASP.NET MVC站点。我希望配置这两个框架，以便在开发人员没有显式指定失败回调时自动附加一个通用错误处理程序。
在jQuery中，我可以使用或来实现这一点。Microsoft Ajax客户端库中的等价物是什么？我相当确定它在Sys对象中，但我找不到它……
浏览 0提问于2010-05-05得票数 1
回答已采纳
1回答
在下面的Jquery示例中，我想在克隆$(this)之前展开它，这样它就包含了父类"comment“中包含的所有内容。我该怎么做呢？我试过使用ReplaceWith($(this).parent('.comment').clone()...但它不起作用！
$(document).ready(
function(){
$('.forumthreadtitle').siblings().hide();
$('.forumthreadtitle').click( function() {
$('#first-post')
浏览 1提问于2010-04-19得票数 0
回答已采纳
我正在尝试将一个用js/html/css构建的应用程序重构为一个refactor应用程序。我已经将前端html移动到了react组件中，但是控制应用程序实际功能的js/jquery却有问题。将旧js和jquery集成到新应用程序中而不必重写所有内容的好方法是什么？
浏览 2提问于2017-09-06得票数 2
回答已采纳
2回答
为什么当我使用.get(i)或类似的方法选择html元素时，我不能对这些元素使用像.removeClass()或.html()这样的方法。
我认为下面的代码是完全有效的，但是这两行代码都不起作用。根据元素在DOM中的序号索引将jQuery方法应用于元素需要做什么？
($('li').get(0)).removeClass('yourClass');
$('li')[0].addClass('myClass');
下面是这个问题的一个例子：
浏览 0提问于2011-01-08得票数 2
回答已采纳
1回答
我正在将我的代码从mootools迁移到jQuery。有一行代码使用mootools '$$‘来获取带有给定选择器的元素数组
var myMenu = $$('#outerDiv .menu');
我尝试过jQuery('#outerDiv .menu')，但它不返回数组。
有没有办法在整个文档中使用jQuery中的'.find()'？(因为我没有父元素来使它像parent.find()一样)。
浏览 4提问于2013-01-22得票数 0
回答已采纳
我对JavaScript和jQuery真的很陌生。我的问题是。
我的文档中有两个id为id1和id2的表单。表单有一个validate方法(来自jQuery validate模块)。
当我这样做的时候：
$(#id1).validate()
...it起作用了。但当我这么做的时候：
$('form[id^="id"]')[0].validate()
...it说是TypeError: Object #<HTMLFormElement> has no method 'validate'。这对我来说很奇怪，因为我在同一个对象上调用vali
浏览 0提问于2012-03-20得票数 0
回答已采纳
我最近开始在我的一个项目中使用和，对于GUI的某些部分，我也使用jQuery。通过jQuery，我有时会将CSS类和样式，甚至DOM节点添加到React创建和更新的元素中。这看起来挺好的。React不会抱怨，而且当render()重新运行时，React不会修改类和样式，也不会修改已经添加到react根深处的DOM节点。
我能依靠React忽略DOM节点吗？-我知道，如果React决定删除插入它们的节点，那么就会删除未反应的DOM节点。这对我来说没问题。但我想知道，未来的某一天，React是否会对这些未由React管理的额外节点感到不安，并拒绝工作呢？
如果React不管理DOM节点的任
浏览 1提问于2014-12-25得票数 6
回答已采纳
5回答
如何访问父锚标记的href属性？
<a href="#"><li><div class="my-class">Click ME</div></li></a>
如何在jQuery中更改href值？
我试过这个，
$('.my-class').find('li').find('a').attr('href','http://example.com');
浏览 9提问于2013-11-18得票数 1
回答已采纳
2回答
我很难理解这里出了什么问题。我使用jQuery查找元素，但如果不使用jQuery，则无法找到元素的父元素：
$(".selectbox").on("click", function(e) {
e = e || window.event;
var eTarget = e.target || e.srcElement;
find_parent(eTarget);
});
使用上面的方法调用find_parent函数是有效的：
function find_parent (el) {
element_parent = el.parentEleme
浏览 3提问于2015-05-18得票数 0
回答已采纳
我使用的是jQuery v.1.7.1，其中.live()方法显然已被弃用。
我遇到的问题是，当使用以下命令将html动态加载到元素中时：
$('#parent').load("http://...");
如果我之后尝试添加一个单击事件，它不会使用以下任何一种方法注册该事件：
$('#parent').click(function() ...);
或
// according to documentation this should be used instead of .live()
$('#child').on('
浏览 1提问于2012-01-06得票数 217
回答已采纳
2回答
假设我有这样一个div标记：
<div id="group-dialog" class="modal-dialog">
现在我想把它作为一个jQuery对象(在本例中是这样我可以运行.dialog())。
当我尝试这个：
var gDialog = $('#group-dialog');
我得到一个返回数组(!!)。
为什么我要得到一个数组？拥有ID属性的意义不是只有一个吗？我能看到有多个p或.我的-css-东西回来了.
下一个问题：
我有一个数组，其中有一个对象，现在我想以jQuery对象的形式访问它。
当我这么做时：
$(gDia
浏览 4提问于2015-07-23得票数 0
2回答
我有一个更小的图像躺在一个更大的图片之上，两者都连接到一个jQuery函数。
我的问题是，当我单击较小的函数时，浏览器首先执行连接到较小的函数，然后执行连接到较大的函数。
HTML:
<div id="outer" style="position: relative; width:200px; height:200px; background:#00f;">
<div id="inner" style="position: absolute; top:100px; left:100px; width:50px;
浏览 4提问于2013-05-18得票数 0
回答已采纳
6回答
React中“父组件”的定义是什么？
例如：
const A = () => {
return (
<B>
<C/>
</B>
);
}
A是C的父母吗？
B是C的父级吗
后续行动：
B通过children支柱获取C元素。如果C是B的孩子，那么B应该是C的父级。但实际上，这应该是一个containment，正如所提到的。
浏览 9提问于2022-03-09得票数 5
我使用的是React &React路由器，0.13.3和React widgets 3.1.0，它们都安装了bower；以及用于构建的早午餐。
在一条路线上，我创建了一个下拉列表，就像：
render: function()
{
var trylist = ['pink', 'red', 'blue', 'white' ];
var DropdownList = ReactWidgets.DropdownList;
return (<DropdownList defaultValue="red&
浏览 2提问于2015-11-30得票数 2
2回答
我检查了一些代码，我看到了以下代码
var failedExtPlugins = PluginR.$getFailPlug();
看起来这次$并不是指jquery对象(是的，我知道当你使用Jquery时，你会以$开头)，那么这是什么意思呢？它看起来像是普通的method...but，用的是$
浏览 1提问于2014-12-26得票数 2
我想知道，jquery如何在不添加任何HTML数据属性的情况下将任意数据与任何DOM元素关联起来？
$('#div_id').data('suffix',(count++)) ;
我在firebug HTML快照中看不到任何与HTML元素相关联数据属性。
其机制是什么？
虽然在HTML5中不再需要这种数据存储方法，但我仍然不清楚jquery数据存储的实际机制。
浏览 0提问于2011-12-07得票数 3
回答已采纳
今天，我已经完成了ReactJS的hello world示例，
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react-dom.js"></script>
上面包含的两个CDN，只是想知道，它们之间有什么区别，为什么我们需要包含它们，目的是什么？
浏览 6提问于2016-02-01得票数 0
对于这类问题我很抱歉，但我在或其他任何网上都找不到答案，我真的很想知道：
，jQuery的.parents()方法的纯JavaScript等价于什么？
例如，最好知道如何在纯JavaScript中这样做：
jQuery(element).parents('.className');
浏览 2提问于2016-07-19得票数 6
我想在没有Internet连接的网络上下载并使用react。我下载了这个页面底部的压缩源代码文件。
它看起来并不像你下载jquery.js并像<script src="jquery.js"></script>那样简单地指向它那样简单。在离线网络上使用react的正确方式是什么?我应该如何指向正确的js "src“文件？谢谢。
浏览 3提问于2019-07-22得票数 2
2回答
我有一个jquery元素。我使用remove()将它从DOM中删除，但是jQuery仍然保留对它的引用。
稍后，我仍然可以使用它并将其插入DOM中。
如何检测这个"var p“是否在DOM或off DOM中？
var p=$('p');
p.remove();
console.log(p);
p.insertAfter($('body'));
我认为p.parent()是比较容易的方法。如果它在DOM中，它将得到另一个DOM节点
浏览 0提问于2015-12-20得票数 2
回答已采纳
$(this)或$(JavaScript object)返回一个封装在jquery对象中的javascript对象，从而使它成为jquery对象，这给它提供了额外的功能？
它的道场相当于什么？
浏览 5提问于2014-05-23得票数 0
回答已采纳
在尝试更好地理解JQuery时，我遇到了这个
我从它得到的是JQuery选择器返回一个类似数组的结构，您可以像数组一样遍历它。我的问题是在什么情况下我可以做这样的事情：
$('.foo')[1].someFunction();
不会导致错误：$(...)[1].someFunction is not a function (someFunction指的是已定义的JQuery函数，如appendTo()或text())。
另外，为什么它会导致错误，在使用[]表示法之后，链接函数的最佳方法(如果可能)是什么？
浏览 0提问于2016-05-21得票数 2
要使用常规的JSX嵌套组件，我看到了以下代码片段：
render: function() {
return (
<div>
<span>Options:</span>
<Copmonent.Comment.List />
<Copmonent.Comment.Form />
</div>
);
使用React.DOM (和coffeescript)的等效值是什么？
render: ->
React.DOM.div {},
React.DOM.sp
浏览 2提问于2015-07-07得票数 1
回答已采纳
我是ReactJS的新手，我为这个问题找到的所有解决方案都使用了npm，并建议使用babel-plugin-Transform-es2015模块-amd。但是我使用的是CDN，这是我的代码：-
这是我的index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Hello World</title>
<script src="js/react.production.min.js&
浏览 0提问于2018-10-13得票数 1
回答已采纳
当我为我的模块编写JavaScript代码时，我可以使用jQuery.data()或传递给我的模块添加的Drupal行为的设置对象。
模块应该总是使用设置对象，还是可以在模块中使用jQuery.data()？
在AJAX代码中使用jQuery.data()有问题吗？
浏览 0提问于2013-04-15得票数 1
回答已采纳
我已经为“逐步”移动向导创建了一个DSL。<wizard>包含一个或多个包含一个或多个<wz-step>的<wz-section>。
每个<wz-step>都包含一个<wz-input-xyz>指令，该指令为每个复杂类型(文本、布尔单选按钮、带有复选框的REST源列表视图等)呈现特定的输入字段。
<wz-step>指令具有自己的独立作用域，并在向导流到达该步骤时设置$scope.selected = true。
我不知道如何创建一组不同的<wz-input-xyz>指令，这些指令require: [^wzSte
浏览 2提问于2014-09-01得票数 0
我不确定是否将Jquery与react一起使用，因为一些帖子显示它可能会有意想不到的结果，因为reactJS在Virtual dom上操作，而Jquery在真正的Dom上操作。谁能告诉我在Jquery中使用reactjs的优点和缺点是什么？proformance怎么样？
浏览 6提问于2017-06-01得票数 1
2回答
$(this).parent().find('> ul')
这个选择是什么，我真的不明白jquery API在find()函数上说了什么。
浏览 0提问于2012-01-25得票数 2
回答已采纳
将Form.Control的输入与已编辑的defaultValue(我需要显示要编辑的内容)一起传递的最佳方法是什么？我使用的是refs(遵循其中一个答案here)，但它只适用于self组件。尝试实现子代到父代，但不起作用。下面是基本代码的代码片段： Child.js <Form.Control
ref={this.props.categoryNewValue}
defaultValue={this.props.categoryValue}
onChange={this.props.handleAssetChange}/> Parent.js class App exten
浏览 15提问于2019-12-19得票数 0
我想知道写jQuery的最好方法是什么。这是手头的任务；
新内容通过AJAX加载，每次12个对象。每个对象都有一个链接、一些文本和一个图像。
新内容被插入到<li>元素中，其中包含不同的类和嵌套在其中的<span>元素。HTML "shell“都是使用jQuery生成的。
我目前正在使用jQuery的$.each()方法循环这些对象。
所以，我想知道这个工作最快的脚本是什么。我需要在循环的每一次迭代中创建所有的新HTML，我希望我能创建HTML一次，然后重用它，每次只添加不同的类和内容。我不知道这是否可能，或者这是否会提高性能，但这在我看来是
浏览 1提问于2014-04-05得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
