jqueryで最初の文字を大文字に変換する方法-フロントエンドQ&A-php.cn

jqueryで最初の文字を大文字に変換する方法

WBOY

リリース： 2022-04-24 15:43:45

オリジナル

2731 人が閲覧しました

jquery では、css メソッドを使用して最初の文字を大文字に変換できます。このメソッドは要素の style 属性を設定できます。要素の "text-transform" 属性値を大文字に設定するだけです。構文は「要素 object.css(' text-transform','capitalize')」です。

jqueryで最初の文字を大文字に変換する方法

このチュートリアルの動作環境: Windows10 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。

jquery 文字の最初の文字を大文字に変換する方法

jquery では、css() メソッドを使用して、最初の文字を大文字にする英語スタイルを設定できます。

css() メソッドは、選択した要素の 1 つ以上のスタイル属性を設定または返します。

text-transform プロパティは、テキストの大文字と小文字を制御します。

text-transform 属性値は次のとおりです:

jqueryで最初の文字を大文字に変換する方法

例は次のとおりです:

Create新しい HTML ファイルを作成し、test.html という名前を付けます。これは、jquery が英語の頭文字を大文字にする方法を説明するために使用されます。 div を使用して、テスト用のテキスト行を作成します。 divタグのid属性をabcに設定します。

js タグ内で、ready() メソッドを使用して、ページの読み込み時に function メソッドを実行します。

関数メソッドでは、id を通じて div オブジェクトを取得し、css() メソッドを使用して text-transform 属性を大文字に設定し、英語の最初の文字を大文字にします。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="js/jquery.min.js"></script>
</head>
<body>
    <div id="abc">
        my name is lili.
    </div>
    <script>
    $(document).ready(function(){
        $(&#39;#abc&#39;).css(&#39;text-transform&#39;,&#39;capitalize&#39;);
    });
    </script>
</body>
</html>

ログイン後にコピー

ブラウザで test.html ファイルを開いて効果を確認します。

jqueryで最初の文字を大文字に変換する方法