首页 > 代码库 > 一些前端基础知识的杂乱记录（待整理）

一些前端基础知识的杂乱记录（待整理）

2024-08-22 22:03:38   218人阅读

 

修改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="http://www.mamicode.com/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="http://www.mamicode.com/我会在2秒之内消失"/>
</br></br>
<button id="b3">按钮</button></br>
<p id="p2">我是P2君</p>
</body>
</html>

 

stop

<!DOCTYPE html>
<html>
<head>
<script src="http://www.mamicode.com/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

 

一些前端基础知识的杂乱记录（待整理）


联系
我们