其他分享
首页 > 其他分享> > HY的前端web周记day7

HY的前端web周记day7

作者：互联网

jQuery 教程
jQuery 是一个 JavaScript 库。

jQuery 极大地简化了 JavaScript 编程。
例子

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").click(function(){
    $(this).hide();
  });
});
</script>
</head>
<body>
<p>啊这</p>
<p>华宇!</p>
<p>666!</p>
</body>
</html>

几个效果

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("p").hide(1000);
  });
});
</script>
</head>
<body>
<button>隐藏</button>
<p>一点就无</p>
<p>二点也无</p>
</body>
</html>码片

显示隐藏show() toggle()
淡出
fadeIn()
fadeOut()
fadeToggle()
fadeTo()

滑动
slideDown()
slideUp()
slideToggle()

标签：function,web,HY,hide,周记,JavaScript,ready,jQuery,click
来源： https://blog.csdn.net/qq_51167539/article/details/116423671