可以先獲取所有相同class的標(biāo)簽,然后獲取標(biāo)簽的個(gè)數(shù)。

創(chuàng)新互聯(lián)公司主要從事成都做網(wǎng)站、網(wǎng)站設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)彭山,十載網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專(zhuān)業(yè),歡迎來(lái)電咨詢(xún)建站服務(wù):028-86922220
1、新建html文檔,在body標(biāo)簽中添加一些div標(biāo)簽,并為這些div標(biāo)簽設(shè)置一些類(lèi),然后引入jquery文件:
2、使用jquery獲取所有相同類(lèi)名的標(biāo)簽,格式為$('.class名'),這時(shí)所有相同類(lèi)名的標(biāo)簽會(huì)被選中:
3、獲取標(biāo)簽之后,使用length屬性獲取標(biāo)簽的個(gè)數(shù),這時(shí)相同類(lèi)名的個(gè)數(shù)就被獲取到了:
需要準(zhǔn)備的材料分別有:電腦、html編輯器、瀏覽器。
1、首先,打開(kāi)html編輯器,新建html文件,例如:index.html,并引入jquery。
2、在index.html中的script標(biāo)簽,輸入jquery代碼:$('body').append($('.a').length);。
3、瀏覽器運(yùn)行index.html頁(yè)面,此時(shí)用jquery獲取了class是a的個(gè)數(shù)并打印。
獲取 checkbox的選中個(gè)數(shù)可以直接使用如下jquery語(yǔ)法
$("input[type='checkbox']:checked").length;
實(shí)例演示如下
創(chuàng)建Html元素
div?class="box"
span點(diǎn)擊按鈕獲取選中個(gè)數(shù):/spanbr
div?class="content"
input?type="checkbox"?name="test"?蘿卜
input?type="checkbox"?name="test"?青菜
input?type="checkbox"?name="test"?小蔥
input?type="checkbox"?name="test"?豆腐
input?type="checkbox"?name="test"?土豆
/div
input?type="button"?class="btn"?value="獲取被選擇個(gè)數(shù)"
/div
設(shè)置css樣式
div.box{width:300px;height:250px;padding:10px?20px;margin:20px;border:4px?dashed?#ccc;}
div.boxspan{color:#999;font-style:italic;}
div.content{width:250px;height:100px;margin:10px?0;padding:5px?20px;border:2px?solid?#ff6666;}
input[type='checkbox']{margin:5px?10px;}
input[type='button']{width:120px;height:30px;margin:10px;border:2px?solid?#ebbcbe;}
編寫(xiě)jquery代碼
$(function(){
$("input:button").click(function()?{
alert($("input[type='checkbox']:checked").length);
});
})
觀察效果
取得jQuery?對(duì)象中元素的個(gè)數(shù),可以用兩種方法:
var valueDate = $('.datePicker').size();
這個(gè)是jQuery提供的方法(method),因需要用括號(hào)進(jìn)行調(diào)用。
var valueDate = $('.datePicker').length;
每個(gè)jQuery對(duì)象其實(shí)也是一個(gè)數(shù)組,length是數(shù)組的屬性(property),不需要用括號(hào)。
當(dāng)前標(biāo)題:jquery個(gè)數(shù),jquery?
分享地址:http://chinadenli.net/article7/dsiiiij.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供營(yíng)銷(xiāo)型網(wǎng)站建設(shè)、電子商務(wù)、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)、網(wǎng)站策劃、App設(shè)計(jì)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)