<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>jQuery統(tǒng)計(jì)文字個(gè)數(shù)</title>

<script type="text/javascript" src="js/jquery.js"></script>

</head>

<body>

<ul>

  <li>

    <span>新聞標(biāo)題:</span>

    <span><input id="news_title" name="news_title" type="text" size="60" onkeyup="title_len();" onclick="title_len();"  maxlength="80"/>

    <span id="titlelen">0/80</span>

  </li>

</ul>

</body>

<script language="javascript" type="text/javascript">

function title_len(){

 var value = $('#news_title').val().length;

 if(value == 80){

  var string = "<span style=\"color:#FF0000\">"+value+"/80</span>";

 }else{

  var string = "<span style=\"color:#FF0000\">"+value+"</span>/80";

 }

 $('#titlelen').html(string);

}

</script>

</html>

希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

jQuery獲取和設(shè)置表單元素的方法
本篇文章主要對(duì)jQuery獲取和設(shè)置表單元素的方法進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2014-02-02
jQuery 移除事件的方法
這篇文章主要介紹了jQuery 移除事件的方法，文中講解非常詳細(xì)，代碼幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下
2020-06-06
基于jquery實(shí)現(xiàn)的仿優(yōu)酷圖片輪播特效代碼
這篇文章主要為大家介紹了基于jquery實(shí)現(xiàn)的仿優(yōu)酷圖片輪播特效代碼，感興趣的小伙伴們可以參考一下
2016-01-01
jQuery中table數(shù)據(jù)的值拷貝和拆分
在開發(fā)的過(guò)程中，經(jīng)常會(huì)遇到彈出框顯示前一頁(yè)table列表的情況，這時(shí)候會(huì)有好多方法來(lái)來(lái)解決。下面小編給大家介紹怎么用jquery將值拷貝到第二頁(yè)并拆分拷貝的值，需要的朋友參考下
2017-03-03
jQuery簡(jiǎn)單幾行代碼實(shí)現(xiàn)tab切換
本文給大家介紹的是一款使用jQuery實(shí)現(xiàn)的簡(jiǎn)易選項(xiàng)卡的代碼，通過(guò)控制css熟悉來(lái)實(shí)現(xiàn)tab切換，思路清晰，這里推薦給大家。
2015-03-03
基于hover的用法實(shí)例(推薦)
下面小編就為大家?guī)?lái)一篇基于hover的用法實(shí)例(推薦)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-07-07
如何解決Jquery庫(kù)及其他庫(kù)之間的$命名沖突
這篇文章介紹了Jquery庫(kù)及其他庫(kù)之間的$命名沖突的解決方法，有需要的朋友可以參考一下
2013-09-09
jquery 設(shè)置style:display的方法
這篇文章主要介紹了jquery 設(shè)置style:display的方法,需要的朋友可以參考下
2015-01-01
使用jquery動(dòng)態(tài)加載Js文件和Css文件
這篇文章主要為大家詳細(xì)介紹了使用jquery動(dòng)態(tài)加載Js文件和Css文件的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2015-10-10
jQuery 陰影插件代碼分享
jQuery 陰影插件代碼分享，需要的朋友可以參考下。
2012-01-01