JavaScriptでいろいろ取得したい時に見てみるリンク集

要素の〇〇を取得したい

jQuery版

// idを取得したい
let id = $(要素名).attr('id');
// onClickイベントなどでidを取得したい
let id = $(this).attr('id');
// タグを取得したい
let tag = $(要素名).prop('tagName');
// type属性の値を取得したい
let type = $(要素名).attr('type');

aタグの値を取得したい

/** D3.js */
let val = d3.select("#id属性").text();

要素の値を設定したい

$("#id属性").val("値");

• .val() | jQuery 1.9 日本語リファレンス | js STUDIO

ラジオボタン

選択値を取得したい

/** 普通. */
let radios = document.getElementsByName("name属性");
let selected;
for (let i = 0; i < radios.length; i++){
    if(radios[i].checked){
        selected = radios[i].value;
        break;
    }
}
/** jQuery. */
let selected = $('input[name="name属性"]:checked').val();

• JavaScriptでラジオボタンの値を取得する方法

選択値を設定したい

/** jQuery. */
$('input[name="name属性"]').val(["値"]);
$('input[name="name属性"]')[0].checked = true;

• jQueryでラジオボタンを選択する方法 - Codeflow

input type="hidden"の値を取得したい

/** jQuery. */
// name属性指定
let a = $('input:hidden[name="name属性"]').val();
// id属性指定
let d = $('#id属性').val();

• jQuery hiddenの値を取得/設定するサンプル
• JavaScript入門講座 hiddenオブジェクト

家族要素を取得したい

• jQueryで親要素や子要素を取得する方法 | tagamidaiki.com
• jQueryで親要素を取得する：parent(), parents(), closest() | UX MILK
• jQueryで子要素を取得する方法：children(), find() | UX MILK

jQueryを使って要素を取得したい

• jQueryでdocument.getElementByIdしたいです - ゆとり日記
  • document.getElementById('id') と $('#id') が同じだと思っていて、ドハマリしました
• Bugle Diary: [jQuery]inputのname属性にアクセス
• jQueryでclassやidをワイルドカード指定 - Qiita
  • jQuery リファレンス：[ 属性名 ^= '値' ]

jQueryを使わないで要素を取得したい

• ライブラリを使わない素のJavaScriptでDOM操作 - Qiit

他のことを知りたい

JavaScriptの実装に役立つリンク集 - Qiita
JavaScriptでファイルの入出力をしたい時に役立つリンク集 - Qiita
jQueryで表示非表示活性非活性する方法 - Qiita