草庐IT

Javascript 类选择

这个Javascript选择器怎么来的document.getElementsByClassName('一等类-小类-二类')看起来与这个jQuery选择器相同$('.first-class.class-chlid.second-child');但它的工作方式不一样? 最佳答案 getElementsByClassName将选择一个具有所有这些空格分隔类的元素。而是使用querySelectorAll有助于根据CSS选择器选择元素的方法。document.querySelectorAll('.first-class.class-ch

javascript - 如何在 JavaScript 中定义 OOP 类?

根据我的观察,我正在阅读的有关JavaScript的书指出存在JavaScript的OOP?它并没有说明太多,我的意思是它没有解释如何定义一个类。有人可以给我一个示例片段吗?谢谢 最佳答案 JavaScript是Prototypebased而不是基于类。Prototype-basedprogrammingisastyleofobject-orientedprogramminginwhichclassesarenotpresent,andbehaviorreuse(knownasinheritanceinclass-basedlang

javascript - 如何继承DOM元素类

我想编写一些扩展DOM节点的Javascript类(这样我就可以将我的类的实例直接插入到DOM中),但是很难找到我应该从哪个类/原型(prototype)继承。例如:functionmyExtendedElement(){this.superclass=ClassA;this.superclass();deletethis.superclass;}但是ClassA应该是什么? 最佳答案 这样做不是一个好主意。首先,要从DOM元素继承,您需要有权访问该元素的原型(prototype)。问题是并非所有浏览器都提供对DOM元素原型(pro

Javascript OOP/类 - 多个实例共享相同的数据

我正在编写一些oopjavascript代码。我有一个类的几个实例,并将不同的数据放入每个实例中。不幸的是,正如您将在下面的示例中看到的那样,它们似乎共享相同的数据。是否可以获取我的类的两个独立实例?将如何完成。索引.htmldebugger;//DothisbecauseapageresartseemstokeepolddatafunctionSetGlobals(){varui;varel;//Arr00ui=document.getElementById("Arr00");el=arr0.arrayGet(0);ui.innerHTML=el.m_String;//Arr01ui

javascript - 如何使用 jQuery 在 JavaScript 中获取基于类的对象?

我正在尝试从Prototype转移到jQuery,最后一件事我不知道如何在新库中做。这是我以前用Prototype做的事情:MyClass=Class.create();MyClass.prototype={initialize:function(options){}}然后我可以创建一个新的MyClass:varmc=newMyClass({});jQuery是否有类似Prototype的Class.create()的东西?如果没有,我如何在没有图书馆的情况下获得同样的东西? 最佳答案 我使用jqueryextend扩展类原型(pr

javascript - jquery使用变量中的名称按类选择元素

我想在jQuery中对所有匹配特定类名的元素做一些事情。类名来自一个变量。如何使用我的变量按类进行选择?varx=$(this).attr('href').slice(1);这会将x设置为我想要的class的名称。现在我想选择具有该类名的所有元素我尝试过类似的东西,但它不起作用$(.x.show().addClass('active').siblings().hide().removeClass('active');基本上我想用whereclass=x影响所有元素最后,不是将x设置为类名,我可以在第一个变量赋值中获取类的array吗?即而不是varx=$(this).attr('hre

javascript - Root Navlink 始终获得事件类 React Router Dom

我正在使用react-router-dom:4.2.2。我可以将activeClassName添加到当前URL。但令人惊讶的是,该类总是添加到根URL。在访问一个页面时,例如如下图所示的错误页面,主页导航链接也获得了activeClass。更新:在上面的屏幕截图中,我显示我访问了http://localhost:3000/#/error。因此,active-link应该只添加到LoveError?NavLink。但如您所见,它也被添加到HomeNavLink。这是我的导航栏代码:importReactfrom'react';import{NavLink}from'react-route

javascript - 将带有符号的 ES6 类转换为 JSON

我有硬编码的类来表示我的Aurelia应用程序中的模型。这是一个模型“PostEdit”:var_postID=Symbol();var_title=Symbol();var_text=Symbol();exportclassPostEdit{constructor(postEdit){this[_postID]=postEdit.postID;this.title=postEdit.title;this.text=postEdit.text;}getpostID(){returnthis[_postID];}gettitle(){returnthis[_title];}settitl

javascript - jQuery 计算有多少个带有类的 div 并放入字符串中

在jQuery中有没有一种方法可以计算你有多少个div并将该数字放入一个字符串中SOMETEXTSOMEOTHERTEXTDIFFERENTTEXT所以计算类name的div,然后将其放入字符串中,这样输出就是这样varstrNoDivs=2有什么想法吗?谢谢杰米 最佳答案 varnb=$('div.name').length; 关于javascript-jQuery计算有多少个带有类的div并放入字符串中,我们在StackOverflow上找到一个类似的问题:

javascript - 在页面加载时向对象添加类

基本上我想做这个:About页面加载时进入:About我找到了这个线程,但我对javascript不太好,无法适应它:Javascript:Onloadifcheckboxischecked,changeliclass 最佳答案 这应该有效:window.onload=function(){document.getElementById('about').className='expand';};或者如果您使用的是jQuery:$(function(){$('#about').addClass('expand');});