// 错误示例：脚本在元素前加载
<script>
  $('#myElement').hide(); // 无效，因为元素还不存在
</script>
<div id="myElement">内容</div>

// 正确做法：使用DOM ready事件
$(document).ready(function() {
  $('#myElement').hide();
});

// 或简写为
$(function() {
  $('#myElement').hide();
});

// 动态添加元素后操作
$('#container').append('<div id="newElement">新内容</div>');
$('#newElement').css('color', 'red');

// ID为"my.element"的元素
$('#my\\.element').hide();

jQuery('#myElement').hide();

var $j = jQuery.noConflict();
$j('#myElement').hide();

// 不好
for(let i=0; i<100; i++) {
  $('#myElement').doSomething();
}

// 好
const $element = $('#myElement');
for(let i=0; i<100; i++) {
  $element.doSomething();
}

// 原生JavaScript替代方案
document.getElementById('myElement');
document.querySelector('#myElement');