1、我们先说单个元素的创建,在一个div盒子里创建一个a标签,我们就需要先写入一个按钮和一个div盒子。如下图所示,要实现的功能就是点击按钮在盒子内创建一个a标签。

2、我们想要的功能需要通过jQuery来实现,所以先引入一个jQuery的插件,然后写一个script标签来写jQuery代码块。

3、首先我们先写一个页面加载事件,在jQuery中的页面加载事件是一个$符号然后一个小括号,小括号里面写function。

 4、页面加载完成后,要写的就是按钮点击事件,首先我们要先获取到按钮然后做点击事件,获取按钮通过id名来获取,所以需要在按钮那里给按钮添加一个id名。

 5、要在div里面添加一个a标签,所以我们需要先获取到div,通过类名获取,获取到后就.append()在小括号里面写入需要添加的元素就可以了。

 6、当然还有一个appendto()方法,这个是需要在父级元素前写入的,如下图。意思就是跟上面那个反着来。

 7、上面讲述的就是单个元素的创建,接下来就说一下点击按钮创建10个p标签吧。

8、我们就先把上面的代码全部注释掉,然后在下面接着写新的代码,首先一个for循环,然后声明i,i小于10,i++;接着在for循环里面给div添加p标签,跟上面的单个元素创建一样。

 9、还有一个创建列表,列表是什么呢就是无序列表和有序列表,我们接下来就创建一个无序列表也就是ul,上面的排版布局只需要改变一个不要背景颜色然后长度改为600px,添加一个边框。

 10、先声明一个变量来接收创建的ul,然后使用append将创建的ul添加到div里面。

 11、再创建li,然后再使用appendto添加到ul里面。

 12、这样一个列表就创建完成了,好了创建元素就暂时说到这里吧。

更多推荐

jQuery中元素的创建