javascript - ボタンクリック時の座標 javascript

Question

どこが間違っているか教えてください。クリック時にボタンの座標を取得したいのですが、エラーが発生します

js/main.js (1) :ReferenceError: 変数が見つかりません: $

ボタン：

 <input type="button" style="margin-left: 80px;margin-top: 80px;"  id="theButton"  value="A button" />

Jクエリ

 var jq = $('#theButton');
 var position = jq.offset();
 alert('x: ' + position.left + ', y: ' + position.top);

それは私に何も見せません

Answer 1

このコードを試してください：

$(document).ready(function(){
    var jq = $('#theButton');
    var position = jq.offset();
    alert('x: ' + position.left + ', y: ' + position.top);
});

あなたのようなものjqueryを追加する前に、head セクションに任意のバージョンのfirst を追加します。main.js

<script src="http://code.jquery.com/jquery-1.8.3.js"></script>

フィドルをチェックhttp://jsfiddle.net/PSpvT/

Answer 2

以下の代わりに：

var jq = $('#theButton');

試す

var jq = document.getElementById("theButton");

jQuery ソリューション:

$(function() {
  var jq = $('#theButton');
 var position = jq.offset();
 alert('x: ' + position.left + ', y: ' + position.top);
});