下面我们来看一下如何从页面中移除一个元素以及如何移除一个元素的属性。
请看以下代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>取源码 取文本 取value</title>
<script src="./jquery.js"></script>
</head>
<body>
<div id="box">
<input type="text" id="input_t" value="hello">
<span id="span2" name="span2name">这是span2</span>
</div>
</body>
<script>
$('#input_t').remove();//移除选中的元素
$('#span2').removeAttr('name');//移除选中的元素
</script>
</html>
执行结果如下:
通过以上的代码我们可以看到,input标签已经被我们彻底移除了,而span标签我们只是移除了它的name属性。
ok,以上三节内容虽然简单,但非常常用,大家依然还需要动手练习。
|