jQuery中size()方法用法實(shí)例
更新時間：2014年12月27日 11:08:42 投稿：shichen2014
這篇文章主要介紹了jQuery中size()方法用法,實(shí)例分析了size()方法返回對象集合中元素數(shù)目的使用技巧,具有一定的參考借鑒價值,需要的朋友可以參考下
本文實(shí)例講述了jQuery中size()方法用法。分享給大家供大家參考。具體分析如下：
此方法可以返回jQuery對象集合中元素的數(shù)目。
size()方法的返回值與jQuery對象的length屬性一致。
語法結(jié)構(gòu):
復(fù)制代碼 代碼如下:
$(selector).size()
實(shí)例代碼:
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.fzitv.net/" />
<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">點(diǎn)擊查看實(shí)例</button>
</body>
</html>
以上代碼能夠計算li元素的數(shù)量，并輸出。
希望本文所述對大家的jquery程序設(shè)計有所幫助。
您可能感興趣的文章:
- jquery下div 的resize事件示例代碼
- jquery得到font-size屬性值實(shí)現(xiàn)代碼
- jquery 實(shí)現(xiàn)的改變顏色與背景的代碼 change(fontsize,background)補(bǔ)充2
- Jquery change(fontsize,background) 改變顏色與背景的代碼
- jQuery對象的length屬性用法實(shí)例
- 通過length屬性判斷jquery對象是否存在
- TextArea不支持maxlength的解決辦法(jquery)
- jQuery maxlength文本字?jǐn)?shù)限制插件
- JQuery為textarea添加maxlength屬性的代碼
- jQuery length 和 size()區(qū)別總結(jié)
相關(guān)文章
討論jQuery和javascript性能的文章并不罕見。然而，本文我計劃總結(jié)一些速度方面的技巧和我本人的一些建議，來提升你的jQuery和javascript代碼。好的代碼會帶來速度的提升?？焖黉秩竞晚憫?yīng)意味著更好的用戶體驗2014-03-03
這篇文章主要介紹了jQuery自動完成插件completer的相關(guān)資料,需要的朋友可以參考下2016-01-01
jquery 圖片 上一張 下一張 鏈接效果（續(xù)篇）
很久沒寫文章了，這段時間一直在做類似鮮果的一個應(yīng)用和數(shù)據(jù)采集，還有就是對企業(yè)和個人成長的思考。2010-04-04
這篇文章主要介紹了jQuery實(shí)現(xiàn)的簡單提示信息插件,涉及jQuery插件擴(kuò)展的實(shí)現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-12-12
在下面介紹一款jQuery的模板插件 tmpl，是由微軟想jQuery官方貢獻(xiàn)的模板插件2011-10-10
siblings()方法返回被選元素的所有同級元素。同級元素是共享相同父元素的元素。但是很多朋友不清楚jQuery中的siblings()是什么意思，今天小編給大家介紹下2016-12-12
jQuery學(xué)習(xí)筆記之jQuery選擇器的使用
jQuery中最核心和最讓人愛不釋手的就是選擇器，下面就是各種選擇器代筆的意義。2010-12-12
這個跨域異步上傳功能我們借助了Jquery.form插件。接下來通過本文給大家介紹jQuery跨域異步上傳文件的相關(guān)知識，感興趣的朋友一起學(xué)習(xí)吧2016-04-04
這篇文章主要介紹了簡單選項卡 js和jquery制作方法,需要的朋友可以參考下2014-02-02
這篇文章主要介紹了BootStrap按鈕標(biāo)簽及基本樣式的相關(guān)資料，基本樣式包括顏色大小方面的知識，對bootstrap按鈕相關(guān)知識感興趣的朋友一起看看吧2016-11-11