使用jQuery的大型HTML,换行符和.html()方法

const html = `
<div class="container">
  <h1>这是一个标题</h1>
  <p>这是一个段落。</p>
</div>
`;

const $html = $(html);

// 转换 HTML 为字符串
const htmlAsString = $html.html();

// 将 HTML 插入到 DOM 节点中
const $container = $('#container');
$container.html($html);

const $container = $('#container');

// 查找 DOM 元素
const $h1 = $container.find('h1');

// 匹配并修改类名
$h1.addClass('new-class');

// 查找 DOM 元素，并修改文本内容
const $p = $container.find('p');
$p.text('这是修改后的段落内容。');

const $button = $('#button');

$button.on('click', function() {
  $(this).animate({
    opacity: 0.25,
    left: '+=50',
    height: 'toggle'
  }, 500);
});

const $container = $('#container');

$.get('https://www.example.com', function(data) {
  $container.html(data);
});