<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>jQuery演示</title>
<script type="text/javascript" src="jquery/jquery-3.4.0.min.js"></script>
<script type="text/javascript">
$(function () {
//1.
$("div > p").css("border","1px solid gray");
$("ul > li").css("border","1px solid gray");
//2.
$("<div><p>动态添加内容</p></div>").appendTo("body");
//3.
$("<input type='checkbox'>").appendTo("body");
$("<input type='button' value='动态添加的按钮'>").appendTo("body");
$("<br>").appendTo("body");
$("<textarea rows='5' cols='30'></textarea>").appendTo("body");
//4.
$(document.body).css("background","#efefef");
})
</script>
</head>
<body>
<div><p>动态添加样式</p></div>
<ul>
<li>第一条记录</li>
</ul>
</body>
</html>
四种方式:
1.jQuery(expression,context)
2.jQuery(html)
3.jQuery(elements)
4.jQuery(function)