jQuery框架中appendTo、prependTo大概实现以及jQuery的一些基础实现

原创 qq11272658 随笔 jQuery 131阅读 2018-02-04 21:13:29 举报

1、首先说一下jQuery框架的大体实现
jQuery为了防止全局污染,使用自调用函数的方式来实现代码,如下

javascript 代码

2、其次,再说一下jQuery中实例方法和对象方法
例如:$.each() 和 $().each()
$().each是jQuery中的实例方法,需要经过jQuery工厂创建出来的对象才可以使用,也就是我们平时所说的new,
在实例中jQuery通过jQuery.prototype.extend给实例添加共用的方法,extend是添加到jQuery.prototype身上

$.each是jQuery中的对象方法,也就是说,不需要创建实例都可以使用,所以在实例中也可以使用对象方法

3、appendTo是给元素添加节点,使用方法为:
①.$( "span" ).appendTo( "div" ) 该方法是传入一个字符串,jQuery会判断你传入的字符串然后去查找相应的节点,然后再去做相应的插入,也就是说把span元素添加到div元素的子节点最后一个,下面同理
②.$( "span" ).appendTo( $("div") ) 该方法是传入一个jQuery对象
③.$( "span" ).appendTo( DOM节点 )
实现代码:
javascript 代码

4、prependTo基本实现方法
使用方法:prepend是在制定元素前面添加方法,$( "span" ).prependTo( $("div") ),也就是说把span添加到div里面的第一个子节点里面,实现方法和appendTo基本差不多
javascript 代码

以上笔记可能会有错,第一次做笔记,请大家指点,谢谢。

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复