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>

猜你喜欢

转载自www.cnblogs.com/H97042/p/9360901.html