Blogger Information
Blog 8
fans 0
comment 1
visits 4963
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
fxq16购物清单
追梦者的博客
Original
626 people have browsed it
<!DOCTYPE html>
<html>
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<meta charset="UTF-8">
<title>Document</title>
<!-- <style type="text/css">
ul{list-style:none}
</style> -->
</head>
<body>

<div >
<h3>购物清单</h3>
<hr>

<ul>
<li>夏进牛奶3.9元/瓶</li>
<li>好丽友4.5元/盒</li>
</ul>
<p>应收金额:102.8元</p>
</div>
<script type="text/javascript">
var ul=document.getElementsByTagName('ul')[0]
var li1=document.createElement('li')
li1.innerHTML='老干妈4.5元/瓶'
li1.id='iteml'
ul.appendChild(li1)

$('div').css({
'width':'170px',
'height':'300px',
'color':'green',
'margin':'0 auto',
'margin-top':'40px',
'text-align':'center',
'border':'1px solid #333',
'box-shadow':'5px 5px 3px #888'
})

 $('ul').css('list-style','none')
 $('ul').css('padding-left','0')

 var li2=$('<li>')
 li2.html('可比克7.5元/桶')
 li2.attr('id','item2')
 li2.appendTo('ul')
 li2.prepend('<li style="color:red">安慕希66元/箱</li>')
 li2.append('<li style="color:red">喜之郎4.5元/箱</li>')

 var li3=$('<li id="item3">阿香婆11.5元/瓶</li>')
 li3.prependTo('ul')
 li3.after('<li style="color:red">豆干9.3元/瓶</li>')
 li3.before('<li style="color:red">消毒液2.6元/瓶</li>')

</script>

</body>
</html>


Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post