jQuery对象访问的方法

 时间:2026-02-16 08:37:33

1、第一步

创建一个HTML,网页HTML是一个页面的骨架结构,titile、body:

jQuery对象访问的方法

2、第二步

在html中构建测试数据, 增加一些ul 和il 、input标签,方便测试:

jQuery对象访问的方法

3、第三步

在页面中引入jquery引用文件,增加jquery脚本:

jQuery对象访问的方法

4、第四步

下面代码的含义是,绑定订购按钮,点击的时候弹出用户已选择的参数的重量

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

var weight=0;

//遍历选中的商品

$("[name=goods_weight]:checked").each(function(){

weight+=weight+parseInt(this.value);

if(weight>100){

eturn false; //跳出遍历

}

});

if(weight<=0){

alert("没有选择任何商品");

}else if(weight>100){

alert("订购的商品总和超重100kg了");

}else{

alert("订购成功!"+weight+"kg");

}

});

jQuery对象访问的方法

5、第五步

打开浏览器,进行测试,点击多选框中checkbox中的重量,然后点击订购按钮

jQuery对象访问的方法

jQuery对象访问的方法

  • 支付宝怎样刷码乘坐高铁?无需身份证无需取票!
  • 微信怎么预约第三针新冠疫苗
  • 国家政务服务平台怎么修改手机号
  • 贵州健康码怎么查看新冠病毒核酸检测结果
  • 怎样查看接种疫苗手机号
  • 热门搜索
    青海旅游 春节旅游 新疆旅游攻略 婺源旅游 清迈旅游攻略 深圳旅游攻略 湖南旅游十大必去景区 四川旅游景点 旅游攻略 赣州旅游