如何从JavaScript/jQuery逻辑中删除HTML代码

How to remove HTML code from JavaScript/jQuery logic

本文关键字：删除 HTML 代码 jQuery JavaScript      更新时间：2023-09-26

是否有从jQuery代码中删除html代码的标准流程?

我经常遇到这样的代码: 
var $lab = $('<label/>').html('Enter Name ');   
var $text   = $('<input id="name" type ="text" />  ');
$set.append($lab);  
set.append($text);

我认为这看起来不太干净，这样的代码可以使用AngularJS或类似类型的框架进行重构，这样UI和逻辑代码之间就会有分离吗?

我可以将文件分解成不同的。js文件，每个文件包含一组特定的UI创建函数，但这并不能真正解决问题?

有一些方法可以保持HTML和JS的分离。我使用过两个框架，我目前正在使用其中一个，因为我认为它很棒!(谈论angularjs)。

AngularJS

AngularJS是一个非常有用的框架，使用MVC模式工作:https://angularjs.org/有了这个框架，你可以处理数据，用JS完成所有艰苦的工作，然后将数据直接注入HTML。你应该看一看，虽然刚开始有点难。

基于框架的Html模板，如Backbone

Backbone是另一个MVC js框架，它使用HTML模板来保持HTML和js分离。你创建一个JS类，它有一个"渲染"函数，绘制数据(通常使用模板)。

http://backbonejs.org/

当然，还有很多其他框架和方法可以做到这一点，但你可以从检查这些框架开始(我特别推荐angularjs!)

祝你好运:>

AngularJs是MV*框架。TodoMVC通过一个待办事项列表应用程序向您展示了已知的MV*框架。它涵盖了一个完整的包来制作前端应用，服务器端是用来做REST的。

基本上，管理面板是使用这些框架的好地方。

如果你只是想把html和js分开，你可以使用模板引擎。

Hogan向您展示了javascript模板引擎的工作原理。

相关文章：