Jquery 문서 처리의 몇 가지 효과
<html>
<head>
<title>File</title>
<script type='text/javascript' src="jquery/jquery-1.3.1.js"></script>
<script language="javascript">
$(document).ready(function(){
/*** ***/
$("#SH").click(function(){
$("#shp").append("<b>Hello</b>");
});
/*** ***/
$("#atd").click(function(){
$("#shp").appendTo("#atdDiv");
});
/*** ***/
$("#atp").click(function(){
$("#prvDiv").prepend($("#preP"));
});
/*** ***/
$("#atpt").click(function(){
$("#preP").prependTo($("#prvDiv"));
});
/*** ***/
$("#aft").click(function(){
$("#aftDiv").after($("#aftP"));
});
/*** ***/
$("#bef").click(function(){
$("#aftDiv").before($("#aftP"));
});
/*** ***/
$("#wb").click(function(){
$("#wp").wrap($("#wDiv"));
});
/*** ***/
$("#replace").click(function(){
$("#waitDiv").replaceWith($("#replaceDiv"));
});
/*** ***/
$("#empty").click(function(){
$("#emptyDiv").empty();
});
/*** ***/
$("#remove").click(function(){
$("#emptyDiv").remove();
});
/*** ***/
$("#clone").click(function(){
$("#cloneDiv").clone().insertAfter($("#cloneDiv"));
});
});
</script>
<body>
<p id="shp">I would like to say: </p>
<input type="button" value="Say Hello" id="SH" />
<br><br><br>
<div style="border:1px red solid" id="atdDiv">Is Nothing</div>
<input type="button" value="add to div" id="atd" />
<br><br><br>
<div style="border:1px blue solid" id="prvDiv">Is Previous Div</div>
<p id="preP">Is Previous P</p>
<input type="button" value="add to previous" id="atp" />
<input type="button" value="add to previous 2" id="atpt" />
<br><br><br>
<div style="border:1px green solid" id="aftDiv">Is A Div
<p id="aftP">Is A P</p></div>
<input type="button" value="add after" id="aft" />
<input type="button" value="add before" id="bef" />
<br><br><br>
<div style="border:1px pink solid;height:10px" id="wDiv"></div>
<p id="wp">Is A P</p>
<input type="button" value="wrap" id="wb" />
<br><br><br>
<div style="border:1px black solid;height:10px" id="waitDiv">Waiting For Replace</div>
<div style="border:1px red solid;height:10px" id="replaceDiv">Replaced</div>
<input type="button" value="replace" id="replace" />
<br><br><br>
<div style="border:1px red solid;height:10px" id="emptyDiv">Waiting For Delete</div>
<input type="button" value="empty" id="empty" />
<input type="button" value="remove" id="remove" />
<br><br><br>
<div style="border:1px red solid;height:10px;margin-bottom:10px" id="cloneDiv">Waiting For Clone</div>
<input type="button" value="clone" id="clone" />
<br><br><br>
</body>
</html>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다른 사람의 웹사이트 편집: contenteditable 및 designMode그래도 우리가 그렇게 할 수 있다고 생각하는 것은 멋진 일입니다. 제가 강조하고 싶었던 일종의 관련 API가 실제로 몇 개 있기 때문에 오늘 그것을 가져왔습니다. contenteditable는 "true" 값이 할당...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
