是用jQuery重写JS 练习

$(function(){

 

 //$("<li id='atsangguigu'>尚硅谷</li>").insertAfter($("#bj"));

 //$("#bj").after("<li id='atsangguigu'>[尚硅谷]</li>");

 //$("<li id='atsangguigu'>尚硅谷</li>").insertBefore($("#bj"));

 //$("#bj").before("<li id='atsangguigu'>[尚硅谷]</li>");

 //alert($("#atsangguigu").text());

 $(":submit").click(function(){

  

  function showContent(li){

   alert($(li).text());

  }

  $("li").click(function(){

   showContent(this);

  });

  var $type=$(":radio[name='type']:checked");

  if($type.length == 0){

   alert("请选择类型.");

   return false;

  }

  

  var type=$type.val();

  

  var $name=$(":text[name='name']");

  var name=$name.val();

  

  name = $.trim(name);

  $name.val(name);

  if(name == ""){

   alert("请输入内容");

   return false;

  }

  

  $("<li>" + name + "</li>").appendTo($("#" + type))

                            .click(function(){

                             showContent(this);

                            });

  //取消submit的默认行为

  return false;

 });

 });

转载于:https://my.oschina.net/u/2373432/blog/481516