<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>加一效果</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="../../static/js/cart.js"></script><
script
type
=
"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; }