Heim  >  Artikel  >  Web-Frontend  >  Ausführliche Erläuterung der Schritte zum Wechseln der Schriftarten durch Klicken auf den Titeltext mithilfe von jQuery

Ausführliche Erläuterung der Schritte zum Wechseln der Schriftarten durch Klicken auf den Titeltext mithilfe von jQuery

php中世界最好的语言
php中世界最好的语言Original
2018-05-15 11:19:092156Durchsuche

Dieses Mal werde ich Ihnen eine detaillierte Erklärung der Schritte für jQuery zum Wechseln der Schriftart bringen, indem Sie auf den Titeltext klicken. Welche Vorsichtsmaßnahmen gelten, damit jQuery die Schriftart wechselt? indem Sie auf den Titeltext klicken. Das Folgende ist ein praktischer Fall.

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:





www.jb51.net jQuery点击标题切换字体



这里显示测试标题文字

<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, Sie haben die Methode nach dem Lesen gemeistert Bitte beachten Sie weitere spannende Artikel auf der chinesischen PHP-Website.

Empfohlene Lektüre:

Analyse der Schritte zur Verwendung der PopupWindow-Komponente in Vue

JS zur Implementierung der Transparenzverlaufsfunktion

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der Schritte zum Wechseln der Schriftarten durch Klicken auf den Titeltext mithilfe von jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn