当前位置:  编程技术>jquery

Jquery节点操作(插入,复制,替换,删除)举例

    来源: 互联网  发布时间:2014-09-03

    本文导语:  代码如下: jQuery插入,复制、替换和删除节点-www. $(document).ready(function(){ //添加节点的方法 //$("p").append("你好吗?");//向p元素中追加《b》 //$("你好吗?").appendTo("p");//将《b》追加到p元素中 //$("p").prepend("你好吗?");//...

代码如下:




jQuery插入,复制、替换和删除节点-www.


$(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("你最不喜欢的水果是?");

});



你好!

你最喜欢下面哪一种水果呢?
  • 苹果
  • 橘子
  • 菠萝
以上就是本节Jquery 教程为大家提供的例子了,希望对大家有所帮助。

    
 
 

您可能感兴趣的文章:

  • jQuery如何获取节点与子节点文本?
  • jquery 取子节点及当前节点属性值的方法
  • jquery 取子节点及当前节点属性值
  • jQuery获取节点和子节点文本的方法
  • jquery的父子兄弟节点查找示例代码
  • JQuery 删除节点的例子
  • Jquery节点操作的几点知识
  • jQuery循环判断点击某节点
  • jquery移动节点代码
  • jquery删除节点代码
  • 移动节点的jquery代码
  • 删除节点的jquery代码
  • JQuery 复制节点的例子
  • jQuery删除节点的三个方法即remove()detach()和empty()
  • Jquery遍历节点的实现代码
  • jquery 添加与删除节点的几种方法
  • jQuery的DOM操作之删除节点示例
  • Jquery遍历节点的方法小集
  • jquery获取父元素或父节点的方法介绍
  • JQuery 节点遍历的例子
  • jQuery概述,代码举例及最新版下载
  • jquery onpropertychange键盘事件用法举例
  • jQuery使任意div随意隐藏的代码举例
  • Jquery更换主题同时刷新iframe页面的代码举例
  • 技术文章 iis7站长之家
  • Jquery 过滤器(first,last,not,even,odd)用法举例
  • Jquery删除元素的代码举例
  • jquery显示、隐藏div的方法举例
  • jQuery动态获取系统时间的代码举例
  • Jquery 定时局部刷新的代码举例
  • Jquery 显示隐藏更多文本的代码举例
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • jquery实现图片路径不存在时进行替换的代码
  • jQuery 删除/替换DOM元素的几种方式
  • jquery 省市select下拉框替换如何实现
  • jquery实现省市select下拉框的替换(示例代码)
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery向导插件 Jquery Wizard Plugin
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery圆角插件 jQuery Corners
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin
  • jQuery日历插件 jQuery Week Calendar
  • jQuery的中文日历插件 jQuery.datePickerCn
  • jQuery实现CSS3动画效果的插件 jQuery Transit
  • jQuery的CSV插件 jQuery CSV
  • jQuery的气泡提示插件 jquery.ns_bub.js
  • jQuery气泡提示插件 jquery-rollover-tooltip
  • jQuery对话框 jQuery Modal Dialog
  • jQuery 插件 jQuery Ripples
  • 精简版的jQuery jQuery.ish
  • jQuery的OpenSocial插件 OpenSocial jQuery
  • jQuery链接插件 jquery.biggerlink


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3