宁波网站建设咨询:宁波网站建设
13780026116 宁波网站制作
网站公告
PHP技术
技术交流
网络推广
网站建设常见问答
殷雯动态
你的位置:首页> 新闻/观点 > 网络推广>jQuery:插入,复制,替换和删除节点
网络推广
jQuery:插入,复制,替换和删除节点

jQuery:插入,复制,替换和删除节点

    学习网站建设技术就是需要不断的实践和积累,成为大侠还是要从不停的挨打中体会新套路啊. jquery是web前端处理的极品利器.今天我们来总结一下jquery插入复制和删除节点的语句汇总

 

   $(document).ready(function(){ 

     //几种添加节点的方法 

    //$(\"p\").append(\"你好吗?\");//向p元素中追加《b》 

    //$(\"你好吗?\").appendTo(\"p\");//将《b》追加到p元素中 

    //$(\"p\").prepend(\"你好吗?\");//向p中前置《b》 

    //$(\"你好吗?\").prependTo(\"p\");//将《b》前置到p元素中 

    //$(\"p\").after(\"你好吗?\");//向p元素后插入《b》 

    //$(\"你好吗?\").insertAfter(\"p\");//将《b》插入到p元素后边 

    //$(\"p\").before(\"你好吗?\");//在p元素之前添加《b》 

    //$(\"你好吗?\").insertBefore(\"p\");//将《b》插入到p元素前面 

   

   

      //几种删除节点的方法 

    //var $li=$(\"ul li:eq(1)\").remove();//删除ul节点中第2个元素节点 

    //$(\"ul\").append($li);//把刚删除的元素节点从新添加到ul元素中去 

    //$(\"ul li\").remove(\"li[title!=菠萝]\");//将ul元素下title属性不等于\"菠萝\"的li元素删除 

    //$(\"ul li:eq(1)\").empty();//清空ul节点下第2个li元素的内容 

   

    //复制节点 

   /* $(\"ul li\").click(function(){ 

     $(this).clone(true).appendTo(\"ul\");//复制当前点击的节点,并将它追加到《ul》元素中,当添加参数时复制它的事件 

   

    }); 

    */ 

    //替换节点 

   // $(\"p\").replaceWith(\"你最不喜欢的水果是?\");   

   

   }); 

 

 

 

   

你好!

 

   你最喜欢的水果是? 

   

     

       

  • 苹果
  •  

       

  • 橘子
  •  

       

  • 菠萝
  •  

       


点击:  1935    时间: 2016-08-23
上一条: 404页面该怎么做?
下一条: 为什么宁波企业手机网站有m开头还有wap开头的?
 
 
快速通道: 关于我们    网站建设    主机域名    付款方式    我的声明
  
联系我们
手机扫描QQ
网站建设咨询:
咨询热线:
宁波殷雯网站建设工作室
地 址: 浙江省宁波市江东区
电 话: 13780026116 
邮 箱:
waichun@qq.com
宁波网站建设
宁波网站制作
13780026116
宁波殷雯网站建设工作室 版权所有   浙ICP备16030041号-1