jquery如何統(tǒng)計(jì)字?jǐn)?shù)

養(yǎng)魚(yú)的貓咪
503
2021-05-22 10:11:53

使用jquery統(tǒng)計(jì)字?jǐn)?shù)的方法：1.新建html項(xiàng)目，引入jquery；2.創(chuàng)建input輸入框，設(shè)置id屬性；3.添加button按鈕，綁定onclick點(diǎn)擊事件；4.通過(guò)id獲取input對(duì)象，使用val().length方法統(tǒng)計(jì)字?jǐn)?shù)；


jquery如何統(tǒng)計(jì)字?jǐn)?shù)


具體步驟如下：

1.首先，新建一個(gè)html項(xiàng)目，并在項(xiàng)目中引入jquery；



<script type="text/javascript" src="/static/jquery-2.1.4.min.js"></script>

2.引入jquery后，在項(xiàng)目中創(chuàng)建一個(gè)input輸入框，并設(shè)置id屬性，用于輸入文字；


<input type="text" value="" id="btn" />

3.input輸入框創(chuàng)建好后，添加一個(gè)button按鈕，并綁定onclick點(diǎn)擊事件，用于點(diǎn)擊統(tǒng)計(jì)字?jǐn)?shù)；


<button onClick="set()"><button>

4.最后，按鈕添加好后，在點(diǎn)擊事件中通過(guò)id獲取input對(duì)象，在使用val().length方法即可統(tǒng)計(jì)輸入的字?jǐn)?shù)；


function set(){
var res = $("#btn").val().length;
alert(res);
}


0 踩