• 技术文章 >web前端 >前端问答

    jquery怎么移除一个元素

    青灯夜游青灯夜游2022-06-10 16:45:19原创313

    jquery移除一个元素的方法:1、利用jquery选择器获取一个指定元素,语法“$("选择器")”,会返回一个包含指定元素的jquery对象;2、使用remove()删除获取到的元素对象即可,语法“指定元素对象.remove();”,该方法可以将被选元素以及子元素同时删除。

    本教程操作环境:windows7系统、jquery3.6.0版本、Dell G3电脑。

    jquery移除一个元素的方法

    1、利用jquery选择器获取一个指定元素

    $("选择器")

    会返回一个包含指定元素的jquery对象

    2、使用remove()删除获取到的元素对象

    指定元素对象.remove();

    remove()方法可以将被选元素以及子元素同时删除。

    示例1:删除最后一个元素

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<script src="./js/jquery-3.6.0.min.js"></script>
    		<script>
    			$(function () {
    		            $("#btn").click(function () {
    		                $("li:last").remove();
    		            })
    		        })
    		    </script>
    	</head>
    	<body>
    		<ul>
    			<li>HTML</li>
    			<li>CSS</li>
    			<li>JavaScript</li>
    			<li>jQuery</li>
    			<li>Vue.js</li>
    		</ul>
    		<input id="btn" type="button" value="删除" />
    	</body>
    </html>

    1.gif

    示例2:删除第一个元素

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<script src="./js/jquery-3.6.0.min.js"></script>
    		<script>
    			$(function () {
    		            $("#btn").click(function () {
    		                $("li:first").remove();
    		            })
    		        })
    		    </script>
    	</head>
    	<body>
    		<ul>
    			<li>HTML</li>
    			<li>CSS</li>
    			<li>JavaScript</li>
    			<li>jQuery</li>
    			<li>Vue.js</li>
    		</ul>
    		<input id="btn" type="button" value="删除" />
    	</body>
    </html>

    2.gif

    想要了解jquery选择器,可以查看文章:https://www.php.cn/website-design-ask-492252.html

    【推荐学习:jQuery视频教程web前端视频

    以上就是jquery怎么移除一个元素的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:jquery
    上一篇:jquery怎么让id元素不可编辑 下一篇:vue和jquery用什么语言
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• jquery事件监听有哪几种方式• jquery怎么隐藏多个指定td• jquery怎么设置超过部分隐藏• jquery怎么实现过滤功能• jquery怎么修改div的属性值• jquery怎么删除多个元素中的class属性
    1/1

    PHP中文网