jQuery对象访问的方法

 时间:2024-10-14 19:49:17

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

jQuery对象访问的方法

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

jQuery对象访问的方法

3、第三步在页面中引入jquery引用文件,增加jquery脚本:

jQuery对象访问的方法

4、第四步下面代码的含义是,绑定订购按钮,点击的时候弹出用户已选择的参数的重量$("拭貉强跳#btnBuy").click(function(){ var w髫潋啜缅eight=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对象访问的方法
  • 支付宝怎样刷码乘坐高铁?无需身份证无需取票!
  • 微信怎么预约第三针新冠疫苗
  • 国家政务服务平台怎么修改手机号
  • 贵州健康码怎么查看新冠病毒核酸检测结果
  • 怎样查看接种疫苗手机号
  • 热门搜索
    鸡脖子的做法大全 模拟人生3怎么结婚 头皮干燥头屑多怎么办 辽宁师范大学怎么样 黄晓明个人资料简介 广东金融学院怎么样 苏洵简介 昵称大全女生 家常凉拌菜做法大全 近义词大全