jQuery를 사용하여 화면에 버튼 추가
4081 단어 JavaScript
화면을 동적으로 바꾸기 위해 거의 빈 index입니다.js로 화면 구성
다양한 곳에서 제이큐리의 설명을 볼 수 있기 때문에 이후 화면을 꼼꼼히 적어 제작한다.
기본적으로 당연한 걸 쓰는 느낌이야.
바디는 아래.
index.html<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery画面</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="js/menu.js"></script>
</head>
<body>
<dl id="body">
</dl>
</body>
</html>
jQuery로 이} 파일에 단추를 추가해 보십시오
menu.js$(function () {
$('#body').append('<button>hoge</button>');
$('#body').append('<button>fuga</button>');
$('#body').append('<button>hoga</button>');
});
index.열어봐요.
다 됐습니다. $('#body').append('<button>hoge</button>');
이렇게 쓰면 id=body에 hoge를 쓴다.
크롬에서 index 내용을 봤어요.<html>
<head>...</head>
<body>
<dl id="body">
<button>hoge</button>
<button>fuga</button>
<button>hoga</button>
</dl>
</body>
</html>
잘 기술되었다.(당연하죠)
끝맺다
Reference
이 문제에 관하여(jQuery를 사용하여 화면에 버튼 추가), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/teshima/items/2eaee98e55d596c4edfd
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery画面</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="js/menu.js"></script>
</head>
<body>
<dl id="body">
</dl>
</body>
</html>
$(function () {
$('#body').append('<button>hoge</button>');
$('#body').append('<button>fuga</button>');
$('#body').append('<button>hoga</button>');
});
$('#body').append('<button>hoge</button>');
<html>
<head>...</head>
<body>
<dl id="body">
<button>hoge</button>
<button>fuga</button>
<button>hoga</button>
</dl>
</body>
</html>
Reference
이 문제에 관하여(jQuery를 사용하여 화면에 버튼 추가), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/teshima/items/2eaee98e55d596c4edfd텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)