这篇文章主要介绍了Jquery如何隐藏第一个a标签的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇jquery如何隐藏第一个a标签文章都会有所收获，下面我们一起来看看吧。
这篇文章主要介绍了Jquery如何隐藏第一个a标签的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇jquery如何隐藏第一个a标签文章都会有所收获，下面我们一起来看看吧。
隐藏方法：1、利用“:first”选择器获取第一个a标签元素，语法“$("a:first")”；2、用hide()或fadeOut()隐藏获取到的a元素对象，语法“a元素对象.hide(毫秒值)”或“a元素对象.fadeOut(毫秒值)”。
本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。
jquery隐藏第一个a标签的方法
1、利用:first选择器选取第一个a标签元素
:first 选择器选取第一个元素。
$("a:first")注意：这个选择器只用于选取单个元素。
2、利用hide()或fadeOut()方法来隐藏被选元素
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
$("button").on("click", function() {
$("a:first").hide(1000);
//$("a:first").fadeOut(1000);
});
});
</script>
</head>
<body class="ancestors">
<a href="#">第一个a标签</a><br>
<a href="#">第二个a标签</a><br>
<a href="#">第三个a标签</a><br>
<br>
<button>隐藏第一个a标签</button>
</body>
</html>
关于“jquery如何隐藏第一个a标签”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“jquery如何隐藏第一个a标签”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注编程网JavaScript频道。
--结束END--
本文标题: jquery如何隐藏第一个a标签
本文链接: https://lsjlt.com/news/97893.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
2024-01-12
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
官方手机版
微信公众号
商务合作
0