当前位置:  编程技术>jquery

Jquery节点操作的几点知识

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

    本文导语:  下面我们分步进行介绍,包括节点的创建、节点的添加与删除、节点的替换等,大家可以慢慢学习与体会。 1、动态创建Dom节点 jQuery中使用$(html字符串)来动态创建Dom节点,并且返回一个jQuery对象,可以调用append等方法将创建的...

下面我们分步进行介绍,包括节点的创建、节点的添加与删除、节点的替换等,大家可以慢慢学习与体会。

1、动态创建Dom节点
jQuery中使用$(html字符串)来动态创建Dom节点,并且返回一个jQuery对象,可以调用append等方法将创建的节点添加到Dom中。
例如:

var link = $("脚本学堂");
$("div:first").append(link);

2、添加节点元素的方法:
Append方法用来在元素的末尾追加元素(最后一个子节点)
Prepend在元素的开始添加元素(第一个子节点)
After:在元素之后添加元素(添加兄弟节点)
Before:在元素之前添加元素(添加兄弟节点)
子元素.appendTo(父元素):在元素的末尾追加一个子元素
子元素.prependTo(父元素):在元素的开始追加一个子元素
A.insertBefore(B) 将A插入到B的前面,等同于B.before(A);
X.insertAfter(B) 将X插入到Y的后面,等同于Y.after(X);

3、删除节点:
Empty():清空该元素下的所有子节点
等同于:while(ele.firstChild){ele.removeChild(ele.firstChild);}
Remove(selectot);自杀;删除当前元素,返回值为被删除的元素,可以讲节点删除之后放到其他节点下面,有一个移动的效果,例如:

var lis = $("#ulSite li").remove();
$("#ulSite2").append(lis);

Clone()克隆节点,支复制节点,不复制节点
Clone(true):克隆节点带事件

4、节点的替换:

$("br").replaceWith("");
$("br").replaceAll("");

5、包裹节点
Wrap()方法用来将所有的元素逐个用指定的标签包裹

$("b").wrap("");将所有粗体字红色显示

wrapInner();在内部围绕

以上就是本节Jquery 教程的全部内容了,介绍了jquery对节点操作的一些方法,希望对大家有所帮助。


    
 
 

您可能感兴趣的文章:

  • jQuery如何获取节点与子节点文本?
  • jquery 取子节点及当前节点属性值的方法
  • jquery 取子节点及当前节点属性值
  • jQuery获取节点和子节点文本的方法
  • jquery的父子兄弟节点查找示例代码
  • JQuery 删除节点的例子
  • jQuery循环判断点击某节点
  • jquery移动节点代码
  • jquery删除节点代码
  • 移动节点的jquery代码
  • 删除节点的jquery代码
  • JQuery 复制节点的例子
  • jQuery删除节点的三个方法即remove()detach()和empty()
  • Jquery节点操作(插入,复制,替换,删除)举例
  • Jquery遍历节点的实现代码
  • jquery 添加与删除节点的几种方法
  • jQuery的DOM操作之删除节点示例
  • Jquery遍历节点的方法小集
  • jquery获取父元素或父节点的方法介绍
  • JQuery 节点遍历的例子
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jquery下拉select控件操作方法分享(jquery操作select)
  • Cookie操作插件 jQuery.Cookie
  • jquery链式操作、链式写法的小例子
  • 利用js(jquery)操作Cookie的方法说明
  • jQuery操作select option选项(增加 删除 修改)
  • jquery常用操作小结
  • JQuery操作DOM的笔记
  • jquery链式操作的正确使用方法
  • jQuery操作select下拉框的text值和value值的方法
  • JQuery 文本框操作的4个小例子
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • Jquery常用选择器的几点知识
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • 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