在前端开发中，我们经常需要将用户输入的内容展示在页面上。然而，用户输入的内容中可能包含html标签或其他特殊字符，如果不转义这些特殊字符，就可能存在xss漏洞（跨站脚本攻击），导致网站遭受攻击。因此，在将用户输入内容展示在页面上时，我们需要对其进行转义。
jQuery是一种广泛使用的JavaScript库，其中提供了方便快捷的转义HTML符号的方法。下面就来介绍一下jQuery如何转义HTML符号。
- $.fn.text()
$.fn.text()方法可以将HTML标签转义为纯文本，并返回转义后的字符串。例如，如果我们有以下HTML代码：
这是一段带有HTML标签的文本
我们可以使用以下代码将其转义为纯文本：
立即学习“前端免费学习笔记（深入）”；
var content = $('#content').text();这样，content的值就为："这是一段带有HTML标签的文本"，其中HTML标签已经被转义。
- $.fn.html()
$.fn.html()方法与$.fn.text()方法类似，不同之处在于它返回的是包含HTML标签的字符串。但是，$.fn.html()方法并不会将HTML标签转义为它们的实体名称，而是将它们的符号直接显示在页面上。因此，如果想要转义HTML标签，我们需要再将$.fn.html()返回的字符串再次进行转义。
例如，如果我们有以下HTML代码：
这是一段带有HTML标签的文本
我们可以使用以下代码将其转义为包含HTML标签的字符串：
var content = $('#content').html();
content = $('').text(content).html();这样，content的值就为："
这是一段带有HTML标签的文本
- $.fn.attr()
$.fn.attr()方法用于获取或设置HTML元素的属性值。当我们设置属性值时，如果该属性值包含HTML标签或其他特殊字符，就需要将其转义为实体名称。
例如，如果我们有以下HTML代码：
我们可以使用以下代码将input元素的value属性设置为包含HTML标签的字符串：
var value = '这是一段带有HTML标签的文本
'; $('#input').attr('value', $('').text(value).html());
这样，就可以将包含HTML标签的字符串正确地显示在input元素中。
综上所述，jQuery提供了多种方法来转义HTML符号。在进行前端开发时，我们应该养成将用户输入内容进行转义的良好习惯，以保障网站的安全性。
