jQuery实现简易商城系统项目实操详解

一.效果图

二.body
全选
商品信息
宜美惠价
数量
操作
天堂雨伞¥32.9元
删除
苹果手机iphone5
¥3339元
删除
添加
三.jQuery
$(function(){
//点击加号触发事件
$('[src="https://www.linuxprobe.com/images/add.gif"]').click(function(){
var num=parseInt($(this).prev().val());
$(this).prev().val(num+1);
});
//点击减号触发事件
$('[src="https://www.linuxprobe.com/images/subtraction.gif"]').click(function(){
var num=parseInt($(this).next().val());
if(num=len-1 & t1==true){
$('[name="c1"]').prop("checked",false);
}
});
//添加事件
$('[class="add"]').click(function(){
var newD=$('tr:eq(2)').clone();
$('tr:last').after(newD);
});
//输入框
$('[type="text"]').change(function(){
var te=$(this).val();
te=te.toString();
for(i=0;i
四.css
*{
font-size:12px;
}

本章使用jQuery的方式实现了一个简易的商城系统,这一个比较潦草,明天再实现一个比较好看的.

到此这篇关于jQuery实现简易商城系统项目实操的文章就介绍到这了

以上是jQuery实现简易商城系统项目实操详解的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>