实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>2.创建元素</title>
</head>
<body>
</body>
</html>
<script type="text/javascript" src="./js/jquery-3.3.1.js"></script>
<script type="text/javascript">
//原生方式来创建
//1.创建新元素
// var img = document.createElement('img')
//2.给新元素添加内容和样式
// img.src = './images/zly.jpg'
// img.width = 200
// img.style.borderRadius = '50%'
// img.sytle.boxShadow = '3px 3px 3px #666'
//3.将新元素添加到页面中
// document.body.appendChild(img)
/////////////////////////////////
///用jquery改写
//第一步：创建元素
// var img = $('<img>')
// img.attr('src','./images/zly.jpg')
// img.width(350)
// img.appendTo('body')
//
// var img = $('<img src="./images/zly.jpg" width="350">')
// img.appendTo('body') //优化写法
$('<img src="./images/zly.jpg" width="350">').appendTo('body').css('boxShadow','5px 5px 5px #666').css('borderRadius','5%')
// console.log(node)
</script>运行实例 »
点击 "运行实例" 按钮查看在线实例
