在目标div上触发jQuery事件( span id中的specefic类)

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<div id="targetDiv">
  <span id="specific" class="specefic">触发事件的span元素</span>
</div>

$(document).ready(function() {
  $('#targetDiv').on('click', '#specific.specefic', function() {
    // 在这里编写事件的处理逻辑
    // 例如，可以执行一些操作或调用其他函数
  });
});

$(document).ready(function() {
  $('#targetDiv').on('click', '#specific.specefic', function() {
    // 修改目标span元素的样式
    $(this).css('color', 'red');
    
    // 修改目标span元素的内容
    $(this).text('点击事件已触发');
    
    // 调用其他函数
    myFunction();
  });
});

function myFunction() {
  // 执行其他操作
}