收藏
批改狀態(tài)：合格
老師批語(yǔ)：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="../js/jquery-3.3.1.js"></script>
</head>
<body>
<input type="button" name="button2" class="button" value="添加圖片元素">
<input type="button" name="button3" class="button" value="appendTo()添加元素到內(nèi)部最后一項(xiàng)">
<input type="button" name="button4" class="button" value="prependTo()添加元素到內(nèi)部第一項(xiàng)">
<input type="button" name="button5" class="button" value="insertAfter()添加元素到另一元素指定項(xiàng)后面">
<input type="button" name="button6" class="button" value="insertBefore()添加元素到另一元素指定項(xiàng)前面">
<form>
郵箱: <input type="text" name="email">
<input type="button" name="button1" class="button" value="提交">
</form>
<ul>
<li>列表項(xiàng)1</li>
<li>列表項(xiàng)2</li>
<li>列表項(xiàng)3</li>
<li>列表項(xiàng)4</li>
<li>列表項(xiàng)5</li>
</ul>
<p style="background-color: orange;width: 300px;">我是要被appendTo()移動(dòng)的節(jié)點(diǎn)1</p>
<p style="background-color: orange;width: 300px;">我是要被prependTo()移動(dòng)的節(jié)點(diǎn)2</p>
<p style="background-color: orange;width: 300px;">我是要被insertAfter()移動(dòng)的節(jié)點(diǎn)3</p>
<p style="background-color: orange;width: 300px;">我是要被insertBefore()()移動(dòng)的節(jié)點(diǎn)4</p>
</body>
</html>
<script>
$('input[name="button1"]').click(function() {
//讀取value屬性的值
alert($(':text').val())
})
$('input[name="button2"]').click(function() {
$('<img>').attr('src', '../images/gyy.jpg').css('width', '200px').css('border-radius', '10%').css('box-shadow', '3px 3px 3px #888').appendTo('body')
})
$('input[name="button3"]').click(function() {
$('p:first').appendTo($('ul'))
})
$('input[name="button4"]').click(function() {
$('p:eq(1)').prependTo($('ul'))
})
$('input[name="button5"]').click(function() {
$('p:eq(2)').insertAfter($('li:eq(1)'))
})
$('input[name="button6"]').click(function() {
$('p:eq(3)').insertBefore($('li:eq(1)'))
})
</script> 
微信掃碼
關(guān)注PHP中文網(wǎng)服務(wù)號(hào)
技術(shù)交流群
QQ掃碼
加入技術(shù)交流群
Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號(hào)