// 选择所有ID以"example"结尾的元素
var elements = $("[id$='example']");

// 选择ID以"container"结尾的所有元素并添加红色边框
$("[id$='container']").css("border", "1px solid red");

// 选择ID以"btn"结尾的所有按钮并绑定点击事件
$("button[id$='btn']").on("click", function() {
    console.log("按钮被点击: " + this.id);
});

// 更复杂的例子：选择ID以特定后缀结尾的元素并执行操作
var suffix = "section";
$("[id$='" + suffix + "']").each(function() {
    console.log("找到元素: " + this.id);
    $(this).addClass("highlight");
});

$.expr[":"].idEndsWith = function(el, index, m) {
    return (el.id || "").toLowerCase().endsWith(m[3].toLowerCase());
};

// 使用方式（不区分大小写）
$(":idEndsWith('example')");

// 选择ID以"example.com"结尾的元素
$("[id$='example\\.com']");

// 添加类名
$("[id$='widget']").addClass("widget-type");

// 之后就可以使用类选择器
$(".widget-type").doSomething();