$.wrap()→outerHTMLで書き換える最後にさやさんです。電話番号が掲載されたホームページ等をスマートフォンから閲覧した場合には、リンクタグでそのまま電話をかけられるようにするのがより親切ですよね。PCから閲覧した場合、通常は電話をかけられないので電話番号のリンクは不要です。電話番号のリンクをスマートフォンの時だけ有効にしたい場合、その実装方法を検索してみるとjQueryを使ってスマホ時だけaタグを付与してリンクさせる方法が多く出てきます。JS)のみを使ってコーディングしたい場合もありますよね。そんな方のためにjQueryを利用しないで動く、Javascriptのみの記述方法をご紹介します。JS」とはただのネイティブなJavascriptのことを指します。最軽量のフレームワーク(中身は何もない)というジョークのようです。$.wrap()→outerHTMLで書き換えるjQueryでは指定した要素を別のHTMLタグで囲うことができる便利な$.wrap()が使えます。これを使えばレスポンシブ時にをタグで囲うことが容易になります。JS)では使えないので、outerHTMLを使って自力で書き換える必要があります。'"></a>');この記述量の差が、「jQueryが便利」である証拠ですね。私がハマった(とても初歩的な)点で「document.querySelectorAll(selector).addEventListener()」が実行できないという問題がありました。JS))に書き換えが可能しかし$(‘.hoge’).on()は問題なくてdocument.querySelectorAll(selector).addEventListener()はエラーになってしまうこの問題に直面して、改めてjQueryの便利さに気付いてしまったのです...。HTMLのオブジェクト(DOM要素)を取得する時、jQueryでは$(‘.hoge’)という形で取得しますよね。JSを意識すると驚くほど便利なものだということに気付かされます。便利かというと、$(‘.hoge’)で取得したDOM要素には「暗黙的にforEachのようなループ処理が実行される」のです。このためjQueryではループ処理を記述しなくても$(‘.hoge’)に対して何かしら処理を行うこともできます。JS)で$(‘.hoge’)の代わりに.querySelectorAllで要素を取得した場合は、ループ処理等を行って要素一つ一つに対して処理を行う必要があります。document.querySelectorAll(selector).addEventListener()が実行できない問題を解決するには取得した要素一つずつに.addEventListener()を実行すれば良いのです↓上記に関して詳細を知りたい方は以下が参考になりますどうして!?document.querySelectorAll(selector).addEventListener()が動かないわけ最後にjQueryはとても便利ですが、使わないでコーディング出来ればそれに越したことはないと最近感じています。JS)のみで対応できるだけの知識があると安心ですね。営業ゼロで年間600件以上お問い合わせをいただいているノウハウを惜しみなく。アプリコットデザインには創業当初から営業マンはいません。創業当初からWEBを活用することに重点を置いて、これまで試行錯誤してきました。その結果、年間600件以上の問い合わせををこのホームページから得ています。ホームページという集客ツールを提供している私たち自身が、自社のホームページで集客できないのでは、お客様に自信を持ってオススメすることはできません。自社の実験から「WEBを活用して集客するためのノウハウを蓄積」した上で、誰よりもホームページの素晴らしさを知り、自信をもってお客様にご提供していきたいと考えます。MORECONTACTお問い合わせ・ご相談はお気軽にどうぞ。MOREそれぞれのらしさ溢れる日常を。info豊かで彩りのある社会をつくる!私たちは仕事を通して、一人でも多くの人が未来に対する希望を描けるような、そんなワクワクする社会をつくっていきたいと思っています。MORE株式会社アプリコットデザインお気軽にお問い合わせくださいアプリコットデザインは東京・長野を拠点に日本全国対応です。ブランディング・WEB・EC・ロゴ・各種グラフィック制作などお気軽にご相談ください。