文档章节

jq创建新的节点,插入,删除

 小小web大世界
发布于 2016/11/02 18:01
字数 219
阅读 46
收藏 0

一、创建2步:

    1、用html代码片段创建元素对象(jq对象);  在内存中

        var $elem=$("元素的html代码片段")    【如果html片段同时包含父元素和子元素,$会同时创建父元素及其子元素】

    2、将$elem,添加到指定父元素下    

        $(parent).append($elem)  ;末尾追加

        $(parent).prepend($elem); 在开头插入

  $(child).before($elem);  在child之前插入

   $(child).after($elem);  在child之后插入

二、删除节点:$(child).remove  

三、替换和克隆:

    替换:

    用后边的,替换前边的     $("要替换的元素").replaceWith("新元素的代码片段")

    用前边,替换后面的          $("新元素的元素").replaceALL("要替换的代码片段")  

    复制/克隆

    浅克隆:只复制属性,不复制行为。

    var $clone=$("...").clone();

    深克隆:复制属性,同时复制行为

    var $clone=$("...").clone(true);

 

© 著作权归作者所有

上一篇: 动画轮播.
下一篇: 动画轮播.
粉丝 0
博文 2
码字总数 1241
作品 0
深圳
程序员
私信 提问
Python全栈 Web(jQuery 一条龙服务)

jQuery 1.jQuery介绍 jQuery是一个轻量级的JS库 - 是一个被封装好的JS文件,提供了更为简便的元素操作方式 核心理念:Write Less Do More jQuery版本: jQuery 2.x 不再支持IE6.7.8 jQuery 1.11...

巴黎香榭
2018/09/17
0
0
JQFMDB,操作简单,线程安全,扩展性强

JQFMDB的特性 针对于FMDB的二次封装 线程安全 操作简单, Model和Dictionary直接存储 拓展性强 支持事务操作 不侵入你的任何Model 安装JQFMDB Cocoapods 手动安装 使用方法 创建数据库 单例方...

小爱无疆
2017/03/14
0
0
JS三教九流系列-Mootools.js-另一款非常优秀的js类库(一)

相比于jq,mootools很多人是没有听说过得,他的api和对dom的操作没有jq的好,不容易上手。 设计也不如jq复杂,jq我们在使用时很容易上手,不得不承认,在容易上手的背后有着很复杂的原理,大...

透笔度
2015/08/24
375
4
JQ语法

各位朋友,很高心大家来到我的博客,今天我将带领大家学习和回顾一下JQ基本语法,让我们的编码变得简简单单,Let's go!!! jquery学习网站 jQuery 语法: 原理:jQuery 语法是为 HTML 元素的选...

大仁孙
2016/07/12
171
0
etcd的学习心得和使用

1 etcd key-value 存储结构  “A highly-available key value store for shared configuration and service discovery.”   Etcd是coreos开发的分布式服务系统,内部采用raft协议作为一致...

cuizhiliang
2017/08/19
0
0

没有更多内容

加载失败,请刷新页面

加载更多

【0918】正则介绍_grep

【0918】正则介绍_grep 9.1 正则介绍_grep上 9.2 grep中 9.3 grep下 一、正则介绍 正则是一串有规律的字符串,它使用单个字符串来描述或匹配一系列符合某个语法规则的字符串。 二、grep工具 ...

飞翔的竹蜻蜓
15分钟前
4
0
为什么要在网站中应用CDN加速?

1. 网页加载速度更快 在网站中使用CDN技术最直接的一个好处就是它可以加快网页的加载速度。首先,CDN加速的内容分发是基于服务器缓存的,由于CDN中缓存了不少数据,它能够给用户提供更快的页...

云漫网络Ruan
53分钟前
8
0
亚玛芬体育(Amer Sports)和信必优正式启动合作开发Movesense创新

亚玛芬体育和信必优正式启动合作开发Movesense创新,作为亚玛芬体育的完美技术搭档,信必优利用Movesense传感器技术为第三方开发移动应用和服务。 Movesense基于传感器技术和开放的API,测量...

symbiochina88
今天
4
0
创龙TI AM437x ARM Cortex-A9 + Xilinx Spartan-6 FPGA核心板规格书

SOM-TL437xF是一款广州创龙基于TI AM437x ARM Cortex-A9 + Xilinx Spartan-6 FPGA芯片设计的核心板,采用沉金无铅工艺的10层板设计,适用于高速数据采集和处理系统、汽车导航、工业自动化等领...

Tronlong创龙
今天
4
0
好程序员Java学习路线分享MyBatis之线程优化

  好程序员Java学习路线分享MyBatis之线程优化,我们的项目存在大量用户同时访问的情况,那么就会出现大量线程并发访问数据库,这样会带来线程同步问题,本章我们将讨论MyBatis的线程同步问...

好程序员官方
今天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部