Php jQuery使用自己的JavaScript追加代码片段

我正在尝试执行jQuery追加，但我面临一个问题

这很好：

onclick="$('#TAGS1').append('<div class=\'B9_N\'><?php echo $TAG_INFO['TAG']; ?></div>');"

onclick=“$（'#TAGS1'）。追加（''）

但现在，我不能再往前走了。我想要这样的东西：

onclick="$('#TAGS1').append('<div class=\'B9_N\' **onmouseover=\"this.className=\'B8_A\';\"**><?php echo $TAG_INFO['TAG']; ?></div>');"

$(document).ready(function(){
  $('#TAGS1').click(function(){
     $(this).append('<div class="B9_N" />');
  });
  $('#TAGS1').hover(function(){
     $(this).addClass('B8_A');// perhaps you wanted to remove B9_N class, if so use $(this).removeClass('B9_N').addClass(B8_A');
  });
});

<script>$(document).ready(function(){ $("#TAGS1").on("mouseover mouseout","div",function(){ $(this).toggleClass("B9_A"); }); });</script>

onclick=“$（'#TAGS1'）。追加（''）

---

我想附加一个标签，里面有自己的JavaScript。这根本不起作用。我如何才能做到这一点？

避免使用内联脚本，并像这样使用：

onclick="$('#TAGS1').append('<div class=\'B9_N\' **onmouseover=\"this.className=\'B8_A\';\"**><?php echo $TAG_INFO['TAG']; ?></div>');"

$(document).ready(function(){
  $('#TAGS1').click(function(){
     $(this).append('<div class="B9_N" />');
  });
  $('#TAGS1').hover(function(){
     $(this).addClass('B8_A');// perhaps you wanted to remove B9_N class, if so use $(this).removeClass('B9_N').addClass(B8_A');
  });
});

<script>$(document).ready(function(){ $("#TAGS1").on("mouseover mouseout","div",function(){ $(this).toggleClass("B9_A"); }); });</script>

$（文档）.ready（函数（）{
$（'#TAGS1'）。单击（函数（）{
$（此）。附加（“”）；
});
$（'#TAGS1'）。悬停（函数（）{
$（this）.addClass（'B8_A'）；//也许您想删除B9_N类，如果是这样，请使用$（this）.removeClass（'B9_N'）.addClass（B8_A'）；
});
});

谢谢你的帮助！我是这样做的：

onclick="$('#TAGS1').append('<div class=\'B9_N\' **onmouseover=\"this.className=\'B8_A\';\"**><?php echo $TAG_INFO['TAG']; ?></div>');"

$(document).ready(function(){
  $('#TAGS1').click(function(){
     $(this).append('<div class="B9_N" />');
  });
  $('#TAGS1').hover(function(){
     $(this).addClass('B8_A');// perhaps you wanted to remove B9_N class, if so use $(this).removeClass('B9_N').addClass(B8_A');
  });
});

<script>$(document).ready(function(){ $("#TAGS1").on("mouseover mouseout","div",function(){ $(this).toggleClass("B9_A"); }); });</script>

$（document）.ready（function（）{$（“#TAGS1”）.on（“mouseover mouseout”，“div”，function（）{$（this）.toggleClass（“B9#A”）；}）；

我想更改将鼠标悬停在div本身上的类，而不是标记部分。标签以div的形式添加到标签部分，div具有自己的特征。