ホームページ > 記事 > ウェブフロントエンド > jQueryを使ってタイトル文字をクリックしてフォントを切り替える手順を詳しく解説
今回はjQueryでタイトルテキストをクリックしてフォントを切り替える手順を詳しく解説します jQueryでタイトルテキストをクリックしてフォントを切り替える場合の注意点を紹介します。 、見てみましょう。
これは主に、クリックされた要素の子要素に b 要素が含まれているかどうかを判断してフォントを切り替えます。wrapInner通常のフォントに戻すには、コンテンツをプレーンテキストに変換し、要素のコンテンツを置き換えます。 コアコードは次のとおりです:$('#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); } });完全なコードは次のとおりです:
この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、他の関連情報に注目してください。 PHP 中国語 Web サイトの記事をご覧ください。 推奨読書: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('<b></b>');//包含在$author里面 } else{ var text = $author.text(); //纯文本 $author.text(text); } }); </script>
PopupWindowコンポーネントの使用ステップ分析のVue実装
以上がjQueryを使ってタイトル文字をクリックしてフォントを切り替える手順を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。