つぶデコ

装飾してツイートしよう

投稿一覧

複数削除する場合は以下。
jQuery:
$('#id').removeClass('class1 class2');

JavaScript:
el.classList.remove('class1','class2');

#jquery
#javascript
#駆け出しエンジニアと繋がりたい
#プログラミング勉強中

$('#id').removeClass('class');jQueryクラスを削除する方法let el=document.getElementById('id');
el.classList.re

複数追加する場合は以下
jQuery:
$('#id').addClass('class1 class2');

JavaScript:
el.classList.add('class1','class2');

#jquery
#javascript
#駆け出しエンジニアと繋がりたい
#プログラミング勉強中

$('#id').addClass('class');jQueryクラスを追加する方法let el=document.getElementById('id');
el.classList.add('

属性値の取得、設定はJavaScriptも直感的で覚えやすいですよね。
取得:getAttribute
設定:setAttribute

#jquery
#javascript
#駆け出しエンジニアと繋がりたい
#プログラミング初心者

$('#id').attr('src', 'test.jpg');jQuery属性値を要素に設定する方法document.getElementById('id').setAttribute('src'

jQueryは
$iframe.contents().find('div')

javascriptは
iframe.contentDocument.querySelectorAll('div')

などで参照できます。

#jquery
#javascript
#駆け出しエンジニアと繋がりたい
#プログラミング初心者

$iframe.contents();jQueryiframe内の要素を参照するiframe.contentDocument;

// IE7以下の場合
iframe.contentWindow

jQueryの場合、以下のような書き方もできます。
動作は全て同じです。

jQuery(document).ready(function() {
..
});

jQuery(function(){
..
});

#jqueryとjavascriptの比較
#駆け出しエンジニアと繋がりたい
#プログラミング初心者

$(function(){ 
   ...
});
jQueryDOMにアクセスできる準備が出来たら実行するdocument.addEventListener("DOMContentLoaded

Q&Aのテンプレートを作りました
https://generator.tubudeco.com/g6574/

表示・非表示の確認は以下でも可能です。
$('#id').css('display')!='none'

#jquery
#駆け出しエンジニアと繋がりたい
#今日の積み上げ

jQueryで特定要素の表示・非表示を
確認する方法は?//表示
$(’#id’).is(’:visible’); 

//非表示
$('#id').is(":hidden");

最初の要素を取得する場合
jQuery:「$('#id').find('p').eq(0)」
JavaScript:「id.querySelector('p')」
です

#jqueryとjavascriptの比較
#駆け出しエンジニアと繋がりたい
#プログラミング初心者

$('#id').find('p');jQuery子要素を取得する方法let id=document.getElementById('id');
id.querySelectorAll('p');j

最初の要素の値を確認する場合
・jQuery
=> $('input[type=checkbox]').eq(0).val();

・JavaScript
=>document.querySelectorAll('input[type=checkbox]')[0].value;

#jqueryとjavascriptの比較
#駆け出しエンジニアと繋がりたい
#プログラミング初心者

  $('input[type=checkbox]');jQuery属性を指定して要素を取得する方法 document.querySelectorAll('input[type=checkbox]')

IDの取得はJavaScriptの記法でもよく使います。
最近はブログもJavaScriptのみサンプルも増えてきたのでどちらも覚えたほうがいいですね。

#jqueryとjavascriptの比較
#プログラミング初心者
#駆け出しエンジニアと繋がりたい

$('#id')jQueryIDを指定して要素を取得する方法document.getElementById('id');javaScript

比較用のテンプレです
https://generator.tubudeco.com/g6555/

jQueryとJavaScriptの書き方の違いを比較してみました。
jQueryシンプル

#jqueryとjavascriptの比較

$(’div’)jQueryCSSセレクターで取得する要素を指定document.querySelectorAll('div')javaScript