<!-- 检查jQuery是否加载 -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
  if (typeof jQuery == 'undefined') {
    console.error('jQuery未正确加载');
  }
</script>

// 正确方式：等待DOM加载完成
$(document).ready(function() {
  $('body').append('<div>测试内容</div>');
});

// 或简写形式
$(function() {
  $('body').append('<div>测试内容</div>');
});

// 检查是否有其他库占用了$符号
if (typeof jQuery != 'undefined') {
  jQuery.noConflict(); // 释放$符号
  jQuery('body').append('<div>测试内容</div>');
}

// 检查body元素是否存在
if ($('body').length === 0) {
  console.error('body元素不存在');
} else {
  $('body').append('<div>测试内容</div>');
}

// 添加后检查内容是否保留
var testDiv = $('<div id="testDiv">测试内容</div>');
$('body').append(testDiv);

setTimeout(function() {
  if ($('#testDiv').length === 0) {
    console.error('添加的内容被其他脚本移除了');
  }
}, 100);

// 确保语法正确
$('body').append(
  $('<div/>', {
    text: '测试内容',
    css: {color: 'red'}
  })
);

document.body.appendChild(document.createElement('div'));