草庐IT

component_id

全部标签

javascript - JQuery 通过 ID 更改 <img src =""的值

我需要一些简单的JQuery代码,以便我可以更改特定img的src值。目前是:我需要将其更改为:使用JQuery。 最佳答案 使用:$(function(){...});您可以使用:$('#id').attr('src','newImage.jpg');立即更改图像源。或者,您可以使用jQuery动画来更改图像。JS$("#id1").fadeOut();$("#id2").delay(200).fadeIn();HTML(不要忘记更改#id2的CSS并将display:none作为初始状态)。

javascript - jQuery,多个ID的相同功能

如果值不是数字,我想清除指定的输入。函数适用于一个ID,但我希望它适用于多个ID。当然我可以多次编写函数,但我不想那样做。以下代码仅对ID为“d”的输入有效。我不知道如何识别其他ID。谁能帮忙?$('#d,d2,d3').keyup(function(){if($('#d,d2,d3').val()!=""){varvalue=$('#d,d2,d3').val().replace(/^\s\s*/,'').replace(/\s\s*$/,'');varintRegex=/^\d+$/;if(intRegex.test(value)){}else{$(this).val('');}}

javascript - ReactJS + 终极版 : How to structure action creators down to each component?

我有一个名为App.js的父组件:...render(){return({React.cloneElement(this.props.children,this.props})}...functionmapDispatchToProps(dispatch){return(actions:bindActionCreators(actions,)}exportdefaultconnect(...,mapDispatchToProps)(App)并且Prop将传递给每个组件。我想让每个组件都有它的actioncreators文件,但是我怎样才能将所有actioncreators绑定(bind

javascript - react : Do children always rerender when the parent component rerenders?

据我所知,如果一个父组件重新渲染,那么它的所有子组件都会重新渲染,除非它们实现了shouldComponentUpdate()。.我madeanexample这似乎不是真的。我有3个组件:,和.组件负责呈现但以不同的方式做到这一点。的渲染函数静态声明在运行前,像这样:虽然处理接收和呈现在运行时动态地,像这样:{this.props.children}两者都是和有onClick听众改变他们的状态并在点击时重新呈现。我注意到点击时它和被重新渲染。但是当我点击,那么只有父代而不是重新渲染。是一个没有shouldComponentUpdate()的功能组件所以我不明白为什么它不重新渲染。有人可

javascript - 将数据属性和类/ID 用于 javascript 行为有什么区别?

我一直在开发一个应用程序,前端主要使用jQuery。我们依赖于页面上存在的某些分类元素,以便我们可以将行为附加到它们。例如:$('.block').on('click',clickHandler);其他开发人员之一说我们应该将表示与逻辑分离(我同意)。因为类是用来表示的,所以他建议使用数据属性:$('[data-attribute-name~=value]').on('click',clickHandler);但是,我知道有关此方法的以下信息:它的性能明显低于基于类的选择器HTML类用于将语义赋予DOM元素,因此不限于表示用途。在阅读unobtrusivejavascript时,我没有

javascript - 通过id属性的一部分查找所有元素

我想知道这是否可能:我有一组div,每个都有一个以“_font”结尾的ID,例如“body_font”、“heading_font”、“tagline_font”等。有没有一种方法可以通过搜索元素名称的公共(public)部分(在本例中为“_font”)来获取这些元素,以便我以后可以使用jQuery来操作它们? 最佳答案 您可以使用"attributeends-with"selector:varelems=$("div[id$='_font']");如果您花一些时间浏览jQueryAPI,您应该能够自己回答这样的问题,而不必在Sta

javascript - react & 归零 : connect() to multiple components & best practices

我正在处理我的第一个React/Redux项目,我有一个小问题。我已阅读文档并观看了https://egghead.io/lessons/javascript-redux-generating-containers-with-connect-from-react-redux-visibletodolist上的教程。.但是我还有一个问题。这是关于登录页面。所以我有一个名为LoginForm的展示组件:组件/LoginForm.jsimport{Component,PropTypes}from'react'classLoginFormextendsComponent{render(){re

javascript - react .js : Is it possible to convert a react component to HTML DOM's?

我正在开发一个基于map的应用程序,该应用程序使用GoogleMapAPI在React.js中创建标记及其信息窗口。infowindow.setContent()只接受String或HTML。我不可能传入String,因为我有一个button链接到另一个React组件中的特定方法(类似于:_this.props.addList(地点))。因此,我必须将参数作为HTMLDOM填充为以下代码行:vardiv=document.createElement('div');vartitle=document.createElement('h4');title.innerHTML=place.na

javascript - jQuery .not(), 多个带有 id 的排除

我得到了一小段代码来重置表单:$("#reset").click(function(){$(':input','#fundingpossibility').not(':button,:submit,:reset,:hidden').val('');});我想向.not()选择器添加一个输入字段,比方说,id为#test。我尝试了各种方法,但无法正常工作。有人有什么想法吗? 最佳答案 只需添加另一个逗号(multipleselector),例如:$("#reset").click(function(){$(':input','#fun

javascript - 使用 JavaScript 解析 Vimeo ID?

如何在JavaScript中解析来自VimeoURL的ID?URL将由用户输入,因此我需要检查他们输入的格式是否正确。我需要ID,以便我可以使用他们的简单API来检索视频数据。 最佳答案 regExp=/^.*(vimeo\.com\/)((channels\/[A-z]+\/)|(groups\/[A-z]+\/videos\/))?([0-9]+)/parseUrl=regExp.execurlreturnparseUrl[5]这适用于所有遵循这些模式的有效VimeoURL:http://vimeo.com/*http://vi