发表于: 2017-01-13 23:40:15
1 1352
今天完成的事:
1:查看angular js的知识,了解这是个什么东西;
2:学习锋利的jQuery的5,6两章;
3:学习html5中的canvas元素;
明天要干的事:
1:学习angular js的基础知识;
2:学习jQuery关于插件的知识;
遇到的困难:
锋利的jQuery第二版可能太老了,里面的例子好多现实起来有问题;
实现一个表单的全选全不选反选,下面是书上的例子,实现起来有问题:
$(function () {
$("#checkAll").click(function () {
$("[name=items]:checkbox").attr('checked',"checked")
})
$("#checkNo").click(function () {
$("[name=items]:checkbox").attr('checked',false)
})
$('#checkRev').click(function () {
$("[name=items]:checkbox").each(function () {
$(this).attr("checked",!$(this).attr("checked");
})
})
$('#send').click(function () {
var str="你选中的是:\r\n"
$('[name=items]:checked').each(function () {
str+=$(this).val()+"\r\n"
})
alert(str);
})
})
下面是改过的:
$(function () {
$("#checkAll").click(function () {
$("[name=items]:checkbox").prop('checked',"checked")
})
$("#checkNo").click(function () {
$("[name=items]:checkbox").prop('checked',false)
})
$('#checkRev').click(function () {
$("[name=items]:checkbox").each(function () {
this.checked=!this.checked
})
})
$('#send').click(function () {
var str="你选中的是:\r\n"
$('[name=items]:checked').each(function () {
str+=$(this).val()+"\r\n"
})
alert(str);
})
})
学到的东西:
小课题:知道了get和post的区别;
了解了html5的新元素:canvas,并用它来作图
评论