如果有一件事jquery提出了’s chaining. It’是它的核心原因之一’s motto “jQuery旨在改变您编写JavaScript的方式”。虽然链接可能是非常有用的,但它在工作中遇到这种魔力后面会发生这种情况并不是那么明显。

在jquery中链接

事实上,链接比你想象的更容易,关键是在对象内定义方法。让’S看一个典型的jQuery示例,$(“.blabla”).addClass(“test”). $(“.blabla”) 实际上是对函数jQuery()的调用。获得链接的关键是要了解jQuery()是一个具有方法的对象,您可以使用点符号直接调用。

你如何做链接的一个非常简单的例子

 
 <div id="myid"></div>
<script type="text/javascript">
		posAbsolute("myid").html("you made my day");  
 
		function posAbsolute(elementId){
			var node = document.getElementById(elementId)
 
			return{
     // I return the method html that can now be used in my chaining
				html : function(content){
					node.innerHTML = content;
				}	
			};
		}
</script>

查看演示

毕竟不是那么难

就个人而言,我真的不是长期链接的粉丝,但如果你开始做javascript api’S,这可能是一个很好的诀窍,以便在它的顶部放置更多的用户友好的面孔。特别是如果它旨在初学JavaScript开发人员。这只是一个示例,显示了JavaScript如何真正具有重要的表现力。

2 thoughts on “了解JavaScript和JQuery中的链接

  1. 好帖子。使用node.js时,这可能非常有用。您可以轻松地使用很多呼叫返回结束了凌乱的意大利面条代码,但如果您使用链接的项目架构项目,它将更容易使用。

评论被关闭。