<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery使用步骤</title>
<!-- 引入的jQuery必须在自定义的JS前才有效 -->
<script src="../js/jquery-3.3.1.js"></script>
<script>
function bigger() {
//获取段落原始字体大小,默认取第一个p的size
var size = $("p").css("font-size");
//将size+1,再设置给所有的段落
size = size.replace("px","");//把px替换成空串
$("p").css("font-size",++size+"px");
}
</script>
</head>
<body>
<input type="button" value="+"
οnclick="bigger();"/>
<p>1.引入jQuery文件</p>
<p>2.通过选择器选中节点</p>
<p>3.调用API操作节点</p>
</body>
</html>
jQuery使用步骤
最新推荐文章于 2024-07-04 12:16:35 发布