// 添加类后选择元素
$("#myButton").addClass("active");
$(".active").css("background-color", "red");

// 更复杂的选择示例
$("li").addClass("highlight");
$("ul.nav li.highlight").fadeOut();

// 链式操作
$(".item").addClass("selected").filter(".selected").css("color", "blue");

// 添加多个类
$("#element").addClass("class1 class2");
$(".class1.class2").hide();

// 错误示例
$(".new-class").doSomething(); // 可能找不到元素
$("#element").addClass("new-class");

// 正确示例
$("#element").addClass("new-class");
$(".new-class").doSomething();

// 使用事件委托
$(document).on("click", ".dynamic-class", function() {
  // 处理点击
});

// 或者在添加后选择
$("#container").append("<div class='dynamic-class'>New</div>");
$(".dynamic-class").css("color", "green");

// 低效
for(let i=0; i<100; i++) {
  $("#element").addClass("class"+i);
  $(".class"+i).doSomething();
}

// 高效
let $element = $("#element");
for(let i=0; i<100; i++) {
  $element.addClass("class"+i);
}
$element.doSomething();