1、innerText(),innerHtml()和value()是javascript中获取内容以及设置内容的方法。
相对应的,在jQuery中,获取内容以及设置内容的方法为:text(),html(),val()。
至于它们之间的具体区别,可以查看W3school文档。
2、在javascript中,设置点击事件用onclick()方法,即:element.onclick = function() { };
而在jQuery中,把底层的onclick事件封装成了click()方法,所以设置点击事件时用click()方法,
即:$("选择器").click(function() { });
3、我们知道javaScript中的浮点数运算精度存在问题,所以这里提供了两种解决javaScript中浮点数运算精度的方案:
a、parseFloat(num.toFixed(10));
b、parseFloat(num.toPrecision(12));
注意:这里的num代表进行浮点数运算后的值。
4、遍历Nodelist对象的三种方法
NodeList实例对象是一个类似数组的对象,它的成员是节点对象。Node.childNodes、document.querySelectorAll()返回的都是NodeList实例对象。NodeList 对象代表一个有序的节点列表。
a、for循环遍历
b、for...of遍历
c、[].foreach.call(NodeList对象,function() { })
最后,附上计算器例子的链接:https://github.com/wjm1314/Calculator(纯javaScript编写,css部分采用了flex布局)
https://github.com/wjm1314/Calculator_jQuery_version(jQuery编写,css部分采用了flex布局)