发表于: 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,并用它来作图


返回列表 返回列表
评论

    分享到