2 sunwujun123 sunwujun123 于 2015.05.26 10:47 提问

用jquery 改写下面代码,昨天刚学,改过了就没用了

这是我之前写的。老师要求用jquery改进,刚接触jquery,不大会啊

图片说明

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>购物车</title>
<script>
    function reduce(){
        num.value = --num.value;
        deleteDiv();
    }

    function increase(){
        num.value = ++num.value;
        createDiv();
    }

    function createDiv(){
        var input1 = document.createElement('div');
        input1.innerHTML = "————商品————————商品————";
        input1.setAttribute('id', 'Bar');

        var btn1 = document.getElementById("objectBar");
        btn1.insertBefore(input1,null);
    }

function deleteDiv(){
        document.getElementById("Bar").parentNode
        document.getElementById("objectBar").removeChild(document.getElementById("Bar"))
    }
</script>

</head>

<body>
<a>你的购物车</a></br>
            <input  type="button" name="reduce" value="-" onclick="reduce()"/>

商品总数: <input  type="text" name="number" value="0" id="num"/>

            <input  type="button" name="increase" value="+" onclick="increase()"/>

            <div id="objectBar" style="background-color:#0F0; border:solid #FF0"></div>

            <input  type="button" name="pay" value="付款"/>

</body>
</html>

7个回答

Ging1314
Ging1314   2015.05.26 11:02

$("#id") = document.getElementById

qq_26041081
qq_26041081   2015.05.26 11:37

你的jquery代码呢?

beacon_2011
beacon_2011   Rxr 2015.05.26 13:24

$("#Bar") 等价于 document.getElementById("Bar")
其实jquery没有什么难的,用的多的地方也就是获取元素的时候这样去写$("#Bar")

diaoliwei2
diaoliwei2   Rxr 2015.05.26 13:40

$("#Bar") 和document.getElementById("Bar")一回事,其他的insertBefore和createElement等在jquery中都有对应的。刚学多看api

u010769836
u010769836   2015.05.26 15:55

怎么看都是原生的JavaScript

showbo
showbo   Ds   Rxr 2015.05.26 17:15

就这么简单的功能还导入jquery框架。。你么老师怎么想的。。我可以说猪脑子吗。。

showbo
showbo 改为jquery语法后你到如jquery包没有。
2 年多之前 回复
licuifeng
licuifeng   2015.05.29 17:29

jquery主要特点是选择器,document.createElement('div')
在jquery中如下:var $div = $("

")这样就创建了一个div对象,可以通过$div.attr("id","bar")对div的属性赋值,
$div.html("内容")可以对div中内容赋值,建议你看下jquery的api;
Csdn user default icon
上传中...
上传图片
插入图片