jQuery Hello World

投稿日: 2019-11-05 2019-11-05
タグ: hello world, jquery

jQuery is a fast and concise JavaScript Library that simplifies HTML
document traversing, event handling, animating, and Ajax interactions
for rapid web development. jQuery is designed to change the way that you
write JavaScript.

jQueryは新しいテクノロジーですか？間違いなく、むしろ、jQueryは、DOMやAjax操作によるHTMLトラバースのようなクライアントサイドのWeb開発を簡素化する新しいアプローチだと言っています。 iQueryはhttp://ejohn.org/[John Resig]によって作成されました。若い子供で、このウェブサイトを訪れて、このjQueryの男がどのように見えるかを理解してください〜

どのように動作するかを理解するために、jQuery Hello Worldの例を見てみましょう。

1. jQueryライブラリをダウンロードする

jQueryは20 + kbの小さなJavaScriptファイル（例:jquery-1.2.6.min.js）です。http://jquery.com/[jQuery公式サイト]からダウンロードできます。。

2. HTML jQuery

シンプルなHTMLファイル（test.html）を作成し、ダウンロードしたjQueryライブラリを通常のJavaScriptファイル（.js）としてインクルードします。

<html>
<head>
<title>jQuery Hello World</title>

<script type="text/javascript" src="jquery-1.2.6.min.js"></script>

</head>

<body>

<script type="text/javascript">

$(document).ready(function(){
 $("#msgid").html("This is Hello World by JQuery");
});

</script>

This is Hello World by HTML

<div id="msgid">
</div>

</body>
</html>

デモ

image、title = "jQuery-Hello-World"

$（）はjQuery構文を示し、次のスクリプトは、DOM要素が準備完了または完全にロードされたときにjQueryスクリプトを実行してメッセージを動的に作成し、htmlタグID “msgid”に追加することを意味します。

$(document).ready(function(){
 $("#msgid").html("This is Hello World by JQuery");
});

hello world

jquery

getdocs

13036