jquery实现的点击按钮实现数字加1效果

阅读: 评论:0

jquery实现的点击按钮实现数字加1效果

jquery实现的点击按钮实现数字加1效果

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>加一效果</title><script src=".8.0/jquery.min.js"></script><script src="../../static/js/cart.js"></script><scripttype="text/javascript">
$(document).ready(function () { var count = 0; $("#bill").text(count); $("input").click(function () { count = count+1; $("#bill").text(count); }) }) </ script > </head>
<body>
<div><button class="list shopping-cart"><img src="../../static/img/shopping-cart.png"/>购物车(<span id="bill"></span>)</button><input type="button" class="add_cart" id="add" value="加入购物车"/></td>
</div>
</body>
</html>

 text() 方法方法设置或返回被选元素的文本内容

<span> 标签被用来组合文档中的行内元素,支持HTML全局属性和事件属性

HTML:

<p class="tip"><span>提示:</span>... ... ...</p>

CSS:

p.tip span {font-weight:bold;color:#ff9955;}

本文发布于:2024-02-04 18:17:39,感谢您对本站的认可!

本文链接:https://www.4u4v.net/it/170713482258196.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

上一篇:CTF
标签:按钮   效果   数字   jquery
留言与评论(共有 0 条评论)
   
验证码:

Copyright ©2019-2022 Comsenz Inc.Powered by ©

网站地图1 网站地图2 网站地图3 网站地图4 网站地图5 网站地图6 网站地图7 网站地图8 网站地图9 网站地图10 网站地图11 网站地图12 网站地图13 网站地图14 网站地图15 网站地图16 网站地图17 网站地图18 网站地图19 网站地图20 网站地图21 网站地图22/a> 网站地图23