jQuery.链接式操作
链接式操作
$(
"#one"
).hide().delay(500).fadeIn(1500);
在这条语句中,在同一选择结果的元素上执行了三个方法:
1.hide() 隐藏元素
2.delay() 创建暂停
3.fadeIn() 淡入元素
这种在同一选取结果上处理多个方法的技术,叫做链接式操作。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>链接式操作</title>
<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.3.1.min.js"></script>
</head>
<body>
<p id="one" style="color: #3300ff">到了,摩纳哥的地方</p>
<script>
$("#one").click(function () {
$("#one").hide().delay(500).fadeIn(1500);
});
</script>
</body>
</html>