<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="http://www.dbjr.com.cn/" />

<title>腳本之家</title>

<style type="text/css">

span{color:red;}

</style>

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>

<script type="text/javascript"> 

$(document).ready(function(){ 

  $("#btn").click(function(){ 

    $("span").text($("li").size()); 

  }) 

})

</script>

</head>

<body>

<div>

  <ul>

    <li>后臺專區(qū)</li>

    <li>前臺專區(qū)</li>

    <li>數(shù)據(jù)庫專區(qū)</li>

    <li>站長交流</li>

  </ul>

</div>

<div>li元素集合中l(wèi)i元素的數(shù)量:<span></span></div>

<button id="btn">點擊查看實例</button>

</body>

</html>

以上代碼能夠計算li元素的數(shù)量，并輸出。

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

您可能感興趣的文章:

相關(guān)文章

jQuery三級下拉列表導(dǎo)航菜單代碼分享
這篇文章主要為大家詳細介紹了jQuery三級下拉列表導(dǎo)航菜單，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2015-08-08
jquery實現(xiàn)的分頁顯示功能示例
這篇文章主要介紹了jquery實現(xiàn)的分頁顯示功能,涉及jQuery的ajax交互及頁面元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下
2019-08-08
jquery 表單驗證之通過 class驗證表單不為空
在開發(fā)系統(tǒng)時，往往都有某些表單數(shù)據(jù)為必填項，若用jQuery通過ID去驗證，不僅會影響效率，還會有所遺漏，不易于后期維護。本章將介紹如何利用jQuery，通過為表單配置class進行統(tǒng)一驗證。
2015-11-11
jQuery使用bind函數(shù)實現(xiàn)綁定多個事件的方法
這篇文章主要介紹了jQuery使用bind函數(shù)實現(xiàn)綁定多個事件的方法,結(jié)合簡單實例形式分析了jQuery使用bind函數(shù)進行多個事件綁定的操作技巧與注意事項,需要的朋友可以參考下
2017-10-10
Jquery獲取元素的父容器對象示例代碼
本篇文章主要是對Jquery獲取元素的父容器對象的示例代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2014-02-02
jquery通過name屬性取值的簡單實現(xiàn)方法
下面小編就為大家?guī)硪黄猨query通過name屬性取值的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-06-06
Jquery中.bind()、.live()、.delegate()和.on()之間的區(qū)別詳解
在我們?nèi)粘ｉ_發(fā)中經(jīng)常會使用到.bind()、.live()、.delegate()和.on()，有些同學(xué)會對這四者存在一些疑慮，所以下面這篇文章主要給大家介紹了關(guān)于Jquery中.bind()、.live()、.delegate()和.on()之間區(qū)別的相關(guān)資料，需要的朋友可以參考借鑒。
2017-08-08
JQuery操作tr和td內(nèi)容的方法實例
本文介紹了“JQuery操作tr和td內(nèi)容的方法實例”，需要的朋友可以參考一下
2013-03-03
微信小程序組件 marquee實例詳解
這篇文章主要介紹了微信小程序組件 marquee實例詳解的相關(guān)資料,需要的朋友可以參考下
2017-06-06
jquery制做精致的倒計時特效
這篇文章主要為大家詳細介紹了jquery制做精致的倒計時特效的相關(guān)代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-06-06