jqueryの初心者向けの記事です。
jQueryを勉強するなら何か自分で0から作るとチカラがつきやすいですよw

なので早速作ってみました。

今回作ったjQueryの内容はこちら

・id「btn」をクリックするとid「result」のテキストが変更される。
・変更されるテキストは、「大吉」「吉」「小吉」のいずれか

まずは、自分で作ってみてください♪
jqueryだけ作りたい方は下記のソースで作ってみてください。またCSSでレイアウトの調整は、してないですw

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
	<style type="text/css">

	</style>

	<script type="text/javascript">
		$(function(){

		});
	</script>
</head>
<body>
	<div id="wrap">
		<div id="result">
			けっかはこちら 
		</div>
		<button id="btn">
			本日の運勢を占ってみる
		</button>

	</div>
</body>

できましたでしょうか?
正解例を下記に記載してみましたので参考までにどうぞ。

正解例はこちら

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">

	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
	<style type="text/css">

	</style>

	<script type="text/javascript">
		$(function(){
			var results = ['大吉','吉','小吉'];

			$("#btn").on("click" , function(){
				var num  = Math.floor(Math.random() * results.length);
				$("#result").text(results[num]);
			})
		});
	</script>
</head>
<body>
	<div id="wrap">
		<div id="result">
			けっかはこちら 
		</div>
		<button id="btn">
			本日の運勢を占ってみる
		</button>

	</div>
</body>

 

まとめ

いかがだったでしょうか?
ご参考までにやってみてください。