标签：开始 int 设置 hello jquery pac 动画 intro 元素
修改p标签的值
js：
获取id为ppp的p里面的数据是：
document.getElementById(‘ppp‘).firstChild.nodeValue;
修改id为p1的内容
document.getElementById(‘p1‘).innerHTML="我P君又回来了";
jQuery：
$("#p1").html("我P君又回来了");
隐藏/展示jQuery
<!DOCTYPE html> <html> <head> <script src="/jquery/jquery-1.11.1.min.js"> </script> <script> $(document).ready(function(){ $("#b3").hide(); $("#p2").hide(); $("#b1").click(function(){ $("#p1").hide("slow",function(){ $("#i1").hide(2000); } ); }); $("#b2").click(function(){ $(".intro").html("我P君又回来了"); $("#i1").val("hahaha"); $("p.intro").show("slow",function(){ $("#i1").show(2000,function(){ $("#b3").show(); $("#p2").show(); }); $("#b3").click(function(){ $("#p2").toggle(); }); }); }); }); </script> </head> <body> <button id="b1">隐藏</button> <button id="b2">显示</button></br> <p id="p1" class="intro">我是P君，我会缓慢的消失</p> <input id="i1" type="text" value="我会在2秒之内消失"/> </br></br> <button id="b3">按钮</button></br> <p id="p2">我是P2君</p> </body> </html>
stop
<!DOCTYPE html> <html> <head> <script src="/jquery/jquery-1.11.1.min.js"></script> <script> $(document).ready(function(){ $("button#b1").click(function(){ $("#d1").animate({left:‘100px‘},2000); $("#d2").animate({opacity:‘0.3‘},3000); $("#d2").animate({fontSize:‘3em‘},3000); }); $("#b2").click(function(){ $("#d1").stop(false,true); }); }); </script> </head> <body> <button id="b1">开始动画</button> <button id="b2">停止绿色</button> <p>默认情况下，所有 HTML 元素的位置都是静态的，并且无法移动。如需对位置进行操作，记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute。</p> <div id="d1" style="background:#98bf21;height:100px;width:200px;position:absolute;">HELLO</div> </br> <div id="d2" style="background-color:red;height:100px;width:200px;position:absolute;">123</div> </body> </html>
<script>一定要在<head>标签里吗
http://www.jianshu.com/p/2e6f9b732a91
http://www.imooc.com/qadetail/78800
标签：开始 int 设置 hello jquery pac 动画 intro 元素
原文地址：http://www.cnblogs.com/junziyanyi/p/6096275.html
