jQuery入门-2

首先引入jquery

<script src="jquery.js"></script>

$函数,参数如果是html字符串,用于创建元素,html字符串可以是嵌套复杂的html字符串,同时可以包含属性

var $div = $("<div id='box'><span>123</span></div>");

jq对象的appendTo方法,用于将jq对象中的元素添加到某个父元素上,参数可以是原生元素,也可以是元素所在的jq对象

$div.appendTo(document.body);或$div.appendTo($(document.body));

jq对象的append方法,用于添加子元素

$("body").append($div);

 

使用jq创建的元素对象可以直接添加,不需要变量记录

$("<ul><li>第一行</li><li>第二行</li></ul>").appendTo(document.body);