重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
可以先获取所有相同class的标签,然后获取标签的个数。
创新互联公司主要从事成都做网站、网站设计、网页设计、企业做网站、公司建网站等业务。立足成都服务彭山,十载网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220
1、新建html文档,在body标签中添加一些div标签,并为这些div标签设置一些类,然后引入jquery文件:
2、使用jquery获取所有相同类名的标签,格式为$('.class名'),这时所有相同类名的标签会被选中:
3、获取标签之后,使用length属性获取标签的个数,这时相同类名的个数就被获取到了:
需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。
2、在index.html中的script标签,输入jquery代码:$('body').append($('.a').length);。
3、浏览器运行index.html页面,此时用jquery获取了class是a的个数并打印。
获取 checkbox的选中个数可以直接使用如下jquery语法
$("input[type='checkbox']:checked").length;
实例演示如下
创建Html元素
div class="box"
span点击按钮获取选中个数:/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="获取被选择个数"
/div
设置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;}
编写jquery代码
$(function(){
$("input:button").click(function() {
alert($("input[type='checkbox']:checked").length);
});
})
观察效果
取得jQuery 对象中元素的个数,可以用两种方法:
var valueDate = $('.datePicker').size();
这个是jQuery提供的方法(method),因需要用括号进行调用。
var valueDate = $('.datePicker').length;
每个jQuery对象其实也是一个数组,length是数组的属性(property),不需要用括号。