ページに JavaScript 関数と要素があるとします。
<input id="Button1" type="button" value="button" />
JS 関数:
function demo() {
var id = document.getElementById('Button1');
}
これで、id には「Button1」のオブジェクトが含まれます。
jQueryを介してidにアクセスするにはどうすればよいですか?
ページに JavaScript 関数と要素があるとします。
<input id="Button1" type="button" value="button" />
JS 関数:
function demo() {
var id = document.getElementById('Button1');
}
これで、id には「Button1」のオブジェクトが含まれます。
jQueryを介してidにアクセスするにはどうすればよいですか?
jQuery は、jQuery
ファクトリ オブジェクト(短くて入力しやすい$
シンボルにエイリアスされている) を使用して、CSS のようなセレクターを介して機能します。
var interestingButton = jQuery("#Button1");
// Or alternately
var interestingButton = $("#Button1");
DOM 要素が既にある場合は、同じファクトリ関数を呼び出すだけで、jQuery ラッパーでラップできます。
var interestingDOMButton = document.getElementById("Button1");
var interestingjQueryButton = $(interestingDOMButton);
javascriptDOM
オブジェクトをjQuery( element )関数に渡すと、オブジェクトが返されjQuery
ます。
jQueryObj = jQuery(id);
また
jQueryObj = $(id);
id selectorを使って DOM オブジェクトを作成せずに直接 jQuery オブジェクトを作成した方がよいでしょう。
jQueryObj = $('#Button1');
ID セレクターの場合、jQuery は非常に効率的な JavaScript 関数 document.getElementById() を使用します。h2#pageTitle などの別のセレクターが id セレクターにアタッチされている場合、jQuery は要素を一致として識別する前に、追加のチェックを実行します。
var id = $('#Button1')
これで、id には「Button1」のオブジェクトが含まれます。
これを試してからしばらく経ちましたが、 $(id) を実行しただけだと思います
次のようなことを試してください:
$(demo()).show();
それは非常に簡単です。これを使用するだけです:
$('#Button1') or $(id)