So verwenden Sie jQuery zum Wechseln der Schriftarten, indem Sie auf den Titeltext klicken

Dieses Mal zeige ich Ihnen, wie Sie mit jQuery die Schriftart wechseln, indem Sie auf den Titeltext klicken. Was sind die Vorsichtsmaßnahmen für die Verwendung von jQuery, um die Schriftart durch Klicken auf zu wechseln? Werfen wir einen Blick auf den Titeltext.

Dies ändert hauptsächlich die Schriftart, indem bestimmt wird, ob das untergeordnete Element des angeklickten Elements ein b-Element enthält. Die Funktion „wrapInner“ dient dazu, das b-Tag innerhalb des $author-Elements hinzuzufügen.

Das Zurückschalten auf die normale Schriftart erfolgt durch die Umwandlung des Inhalts in Klartext und das anschließende Ersetzen des Elementinhalts.

Der Kerncode lautet wie folgt:

$('#f-author').css('cursor','pointer');
$('#f-author').click(function(event){
  var $author = $(this);
  if(!$author.children().is('b')){//子元素没有b
    $author.wrapInner('<b></b>');//包含在$author里面
  }
  else{
    var text = $author.text(); //纯文本
    $author.text(text);
  }
});

Der vollständige Code lautet wie folgt:

这里显示测试标题文字
<script>
$('#f-author').css('cursor','pointer');
$('#f-author').click(function(event){
  var $author = $(this);
  if(!$author.children().is('b')){//子元素没有b
    $author.wrapInner('&lt;b&gt;&lt;/b&gt;');//包含在$author里面
  }
  else{
    var text = $author.text(); //纯文本
    $author.text(text);
  }
});
</script>

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Node.js+console-Ausgabeprotokolldatei-Beispielanalyse

Wie man Vue verwendet, um Drag zu erreichen und Drop-Effekt

Das obige ist der detaillierte Inhalt vonSo verwenden Sie jQuery zum Wechseln der Schriftarten, indem Sie auf den Titeltext klicken. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!