jQuery

このタグでブログを書く

jQuery

(ウェブ)

【じぇいくえりー】

Mozilla CorporationでJavaScriptのエバンジェリストとして働く、John Resig氏によって作られたJavaScriptライブラリ。メソッドチェーンで処理をどんどんつないでいける特徴を持つ。
モットーは「Writing JavaScript code should be fun.」。

このタグの解説について

この解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。

itmaroon’s blog•16日前

Form内にsubmitボタンが２つあったらどうする？

submitボタンのおさらい皆さんはForm内にあるsubmitボタンをどのように制御していらっしゃるでしょうか。ボタンのような形をしているので、button要素と同様clickイベントのリスナーを設定して、対応するイベントハンドラで動作させると思いがちですが、そもそも、submitボタンはForm内にあってForm内のinput要素、textarea要素、select要素のvalue属性を集めてFormのaction属性に設定されたエンドポイントに送ることがデフォルトの動作となっています。したがって、イベントリスナーの設定は当然に予定されているものではないのです。もちろん、Formの…

#form#submit#react#jQuery

ネットで話題

4058ブックマーク jQuery 日本語リファレンス jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );

semooh.jp

2904ブックマーク少しのコードで実装可能な20のjQuery小技集

www.webcreatorbox.com

2358ブックマーク 40分で覚える！jQuery速習講座 (1/6)

ascii.jp

2322ブックマーク「ノンプログラマーのためのjQuery入門」のスライドが凄く分かりやすいですね

kachibito.net

2111ブックマーク CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました Webデザインをしていると、HTML と CSS だけではできない表現ってありますよね。そんな時によく使うのが jQuery。今回は jQuery っていまいちよく分からない ... っていう人が、jQuery に少しでも親しんでもらえたらいいなーと思って、知ってる事をまとめてみました。なので jQuery 初心者さん向けの記事です。とっても...

webdesignrecipes.com

1693ブックマーク jQueryプラグインのベストトレンド総まとめ2010*ホームページを作る人のネタ帳

e0166nt.com

1634ブックマーク jquery小技まとめ３２

commte.net

1606ブックマーク「jQuery Mobile」の登場で、モバイルアプリケーション開発は大きく変わる－ Publickey

www.publickey1.jp

1600ブックマーク jQueryでスクロールすると表示する系いろいろ

www.webopixel.net

関連ブログ

hatebcustom•25日前

コードの折り返し表示を切り替える便利な方法 - jQueryを使用して実装

.figure-image>p img.hatena-fotolife { width: 460px; height: 260px; object-fit: none; object-position: 52% 82%; } pre.popinzu { width: 200px; border: 1px solid #000; padding: 15px; } .code_break { white-space: pre-wrap !important; word-wrap: break-word !important; overflow: auto !important; } blockqu…

#jQuery#ウェブ開発#ユーザビリティ#コード表記法#CSS

itmaroon’s blog•2ヶ月前

ラジオボタンのチェックを値で設定するときは配列で設定する！！

ラジオボタンの設定をjqueryのスクリプトで行うときにハマるという話です。問題の前提ラジオボタンは通常複数の同一name属性をもつ要素が集まってできています。 <input type="radio" name="post_radio" value="val1" checked>要素１ <input type="radio" name="post_radio" value="val2">要素２ <input type="radio" name="post_radio" value="val3">要素３こんな感じです。ここで、要素３にチェックを入れるという設定をjqueryでやりたいとい…

#jQuery#ラジオボタン#input要素

Webたまごの日記•4ヶ月前

floatはやっぱりメロンソーダでしょ★（知らんけど(´ω｀)）

学生の頃ってよくパフェとかシェイクとかアイスとか食べてたのに大人になるとぜーんぜん食べなくなった。ダイエットとか全然関係なく、そこへの欲求が出てこない。だけど、大人になるまで食べたことなかったものを大人になって食べたいな～って思うことも増え、挑戦することも増えた。その中の1つがこのメロンソーダフロート。一口目は喉を潤したいから、メロンソーダをストローでグイっと。（ストローはグイっとではないと思うけど）しゅわしゅわを味わった後に、ぷかぷか浮かぶアイスをちゅるっと。大人になって味わう、このモダンチックな食べ物と雰囲気。 THE★大人幸せのひと時を有難う。 ☟本日の授業の流れ a…

#日記#成長#jQuery#フロート#豆柴

Webたまごの日記•4ヶ月前

英語話せんけど……(。-`ω-)ﾑﾌｯ

台風のせいで毎日の気温変化があり、頭と体がついていかない今日この頃。 ☟本日の授業の流れ a.m....jQuery＜val,html,prepend,append,remove,index,click,hover,mousemove,scroll, show,hide＞ p.m....4～5限目の途中まで-jQuery＜fadeIn,fadeOut,slideToggle,animate,stop, children,parent,each＞ 5限目の途中～6限目-javaScript＜基本文法(変数)、今後の話(為になる雑談)＞＞なんだか英語が使いこなせる人のように見える……(。-`ω-…

#日記#jQuery

Webたまごの日記•4ヶ月前

朝から発射！！

ちょうど朝起きて家を出るまで決まったTVを見るのがルーティンの我が子。うん。ものの見事にロケットにジャックされましたわね。 7時近くになっても変わらないニュース。該当する地域の方々は朝から怖い思い、大変な思いをされたと思います。子供はそうじゃないんだよな～。一時すると「まだ？」ってなっちゃう。期待の東テレ様だって放送してんだ。一大事だよ、息子よ。そうこうしているうちに学校行く時間に……(*´ω｀*) 一応昨晩、息子には「もしミサイルだの飛んで来たらどこに隠れたらいいかぐらいは考えて登下校してね！」って言いました★ しかし、田舎だから隠れる要素なし(´・ω・｀) ダッシュで家に帰って…

#日記#jQuery#発射#平和

Webたまごの日記•4ヶ月前

梅雨の風物詩

こんにちは(=ﾟωﾟ)ﾉ西日本のほとんどが昨日梅雨入りしましたね。今日は九州南部も梅雨入りの仲間入り♪ 台風過ぎるまでずっと雨かなー。恵みの雨と思おう。そういえば、昔はカタツムリをよく家の塀とかコンクリートロード、葉っぱの裏などでよく見てましたが、最近では歩く機会も減り、たまに歩くくらいでは見ることがなくなりました。梅雨の風物詩が見られないのはちょっと寂しい(´・ω・｀) みなさんの梅雨の風物詩は何ですか？ ☟本日の授業の流れ a.m....講師に出された課題の作成＜navの固定スクロール・2つ画像の可変＞（少しのことなのに約1時間ちょっとかかった。なかなかすんなりいかない…） p.m.…

#日記#jQuery#js#梅雨

よしたろうブログ•6ヶ月前

Java と JavaScript の覚書

1. メソッドのシグネチャの引数は、final にする（Java） 2. 排他エラーチェック方法例（Java） 3. DOMの要素にイベントを付与する（JavaScript） 4. 特定のイベント発生後に、さらにイベントを発生させる（JavaScript） 5. 入力欄に最大文字数を入力後に次の項目にフォーカスが自動で移動する（JavaScript） 6. List で受け取った集合オブジェクトを stream API を使用してフィルタリングを行い、最初の要素を取得（Java） 7. equals() の注意点（Java） 8. Fromタグでマルチなコンテンツ（画像・動画・リクエス…

#Java#JavaScript#Stream API#jQuery

揮発性のメモ２•7ヶ月前

PhpStormで、外部ライブラリを追加する

PhpStormは jQueryのmin版を正常に読めないので、プロジェクトに追加してあっても $.() が未定義になってしまう。そこで、同じバージョンのjQueryのminじゃない版を「外部ライブラリ」として追加することで解決する。 PhpStormで外部ライブラリは、外部ライブラリの上で右クリックで追加とかはできない。設定メニューから追加する。設定⇒言語＆フレームワーク⇒JavaScript⇒ライブラリで、「追加」をおこなう名前: なんでもよいフレームワークタイプ: jQuery 可視性: グローバルにしておくとどのプロジェクトからもこのライブラリが選択可能になる＋を押して、外部…

#PhpStorm#jQuery

Web系開発メモ•8ヶ月前

SpringBoot jQueryでファイルアップロードをする方法

Spring Boot の Webアプリで、jQuery を使ってファイルをアップロードする方法を書いていきます。目次バージョンコントローラーの作成画面の作成アップロードサイズの制限起動クラスの作成ビルドファイルの作成動作確認 1. バージョン動作確認で使用した製品のバージョンは以下の通りです。 Spring Boot 3.0.1 Java 17 jQuery 3.6.3 2. コントローラーの作成ファイルアップロードを受け付けて、ファイルを保存するクラスを作成します。 src/main/java/org/example/controller/UploadControlle…

#Spring Boot#Java#jQuery

webサイト制作の勉強｜2023年5月クラス用ブログ•1日前

checkboxの項目を1つ以上必須にしたい時

checkboxとは複数の項目を選択出来るようにしたい時に使用するタイプです。checkboxの項目を必須にしたい時にrequired属性を使ってしまうと、required属性を指定している項目は必ずチェックしないと進めなくなってしまうので、checkboxの項目にrequired属性はNGです。 checkboxの項目を必須にしたい時はrequired属性の代わりにjQueryでreturn false機能を使いましょう。 $('form').submit(function(){ if($('input[name="check"]:checked').length === 0){ alert…

M&Aクラウド開発者ブログ•3日前

【キャリア】外注管理中心から、企画から実装までやるキャリアへの転換。リーダーエンジニアになるまでとこれから。

こんにちは。M&AクラウドのEMの鈴木（@yamotuki）です。今回は、M&Aクラウド開発チームのサブチームのリーダーとして仕事をしている濱田さん（@hamakou108）にインタビューをし、その成長の軌跡を対話形式で記事にしていきたいと思います。普段から上長である私と1on1を通してキャリアのすり合わせをしているのですが、インタビューでは過去の話も含めて改めて聞いてみました。この記事のダイジェスト手を動かして開発したい、ユーザーに使われるものを作りたい、という気持ちでM&Aクラウドに入社 1~2年目で開発スキルとプロジェクトマネジメントスキルを磨く 2年目後半にスクラムマスターを3…

イキるのしんどい。•3日前

お題「今からプログラミング言語を学習するなら何を学ぶ？」について

indieees の山口です。今回は、お題の中から「今からプログラミング言語を学習するなら何を学ぶ？」について書きたいと思います。まずは、今までに触れたことがあるプログラミング言語・スクリプト言語ですが、 Visual Basic 5/6 Delphi 5/6/7 Visual C# .NET Visual Basic .NET Android JAVA PHP 5.0～ (CakePHP) HTML/CSS (XML, NewsML) JavaScript (JQuery, React) TypeScript SQL (SQLServer, Oracle, PostgreSQL, MyS…

インフラジスティックス・ジャパン株式会社Blog•4日前

JavaScript コーディングをモダン化するためにまず実践したいポイント４選

今ではウェブ開発において必須とも言える JavaScript ですが、初期は Flash 人気の影に隠れておりそれほど利用される言語ではありませんでした。2000年代後半頃から Google による Ajax の利用や jQuery の登場などから JavaScript 人気は徐々に高まり、Safari ブラウザの Flash 非サポートなどを経て現在の人気言語に至るような歴史を辿ってきました。そのような変遷の中で、JavaScript の記法や関数などを定義している EcmaScript も次第に整備され、2015年の ES2015 をひとつのターニングポイントとして、現在は毎年最新バージ…

豊かで綺麗なママになる•5日前

【webデザイン】職業訓練修了まで残り半月を切りました

職業訓練でwebデザインを学び、個人制作で実際webサイトを１から作りました。そして完成し皆の前でプレゼンして無事終了。次はグループ制作が始まります。４人グループになって役割分担を決めて、１つのサイトを制作開始。最初、コーディングは個人制作の１つだけにするつもりだったしかし個人制作も合わせ、合計３つコーディングする必要になりました… 就職活動に使うポートフォリオには１つのみコーディングしたサイトを載せて、残りはすべてデザインのみと決めていたので予想外。なのであと１０日程でコーディングを終わらせないといけません。１つはグループ制作で私以外の３人は就職活動に専念したいから制作に意欲的で…

何かを書くところ•6日前

夏が暑すぎたので地域・年別の8月最高気温を見れるウェブサイトを作った

今年の夏が暑すぎたので、地域・年別の8月最高気温を見れるウェブサイトを作りました。 URLはこちら。データは気象庁が配っていたのでそちらを使用しています。 2023年はこんな感じ。左上のスライダーを動かすと年を変更できます。技術的な話としては、Jmap jQuery pluginというOSSが提供されていたので使用させていただきました。実装詳細としては、HTML, CSS, JavaScriptを書いてJmapを使用し、Azure Storage上に静的サイトとしてアップロードすれば完了と特筆することはないので省略します。 GitHubレポジトリはこちら。

GesuiGeroGeroのブログ•7日前

【備忘】draggableな要素内のinputのテキストを選択可能にする

若干詰まったので備忘。こういう親要素がdraggable="true"になってるinputがあるとき、テキストをドラッグして選択しようとしても出来ない。 <div draggable="true"> <input type="text" id="foo"> </div> テキストを選択可能にするには、inputにもdraggable="true"を付けてdragstartイベントでpreventDefaultする。 <div draggable="true"> <input type="text" id="foo" draggable="true"> </div> var elm = doc…

学生向けプログラミング入門 | 無料•7日前

Ruby on Rails | noty

↓↓クリックして頂けると励みになります。ランキング参加中プログラミング Ruby on Railsの"Noty"は、通知メッセージを簡単に表示するためのJavaScriptライブラリです。 Notyは、ウェブアプリケーションやウェブサイトで、ユーザーにメッセージや通知を表示するための美しくカスタマイズ可能なポップアップ通知を生成するのに役立ちます。試しているRailsのバーションは6です。 notyのデザインについては以下を参照して下さい。 ned.im notyはyarnを使ってインストールします。コマンド yarn add noty 「app\javascript\packs\appl…

Project_OKI’s diary•8日前

MbedとobnizのI2C通信

MbedとobnizのI2C通信 1.目的・nucleof401とobnizでI2C通信を行い、nucleof401で送ったコマンドをobnizでホームページ上に表示する。 2.使用部品個数部品名型番 1 接続ケーブルジャンパーワイヤ 1 mbed（マイコンボード) NUCLEO-F401RE STM32 Nucleo-64 1 USBケーブル USB2.0ケーブルタイプAオス-ミニBオス：alls well 1 obniz obniz Board 1Y 1 抵抗 10kΩ 1 ブレッドボードブレッドボード、ジャンパセット 1 タクトスイッチ 1273HIM-…

学生向けプログラミング入門 | 無料•8日前

Bootstrap | ナビゲーションバーの活用

Ruby on Rails6でBootstrap5.3を使ってみます。まずはyarnでBootstrap5.3.2をインストールします。コマンド yarn add bootstrap@5.3.2 popper.jsをインストールします。コマンド yarn add @popperjs/core 「package.json」ファイルを確認します。 { "name": "AmateurReportWorld", "private": true, "dependencies": { "@popperjs/core": "^2.11.8", "@rails/actioncable": "^6.0.…

kaibukuroのブログ•8日前

AstroとGSAPでアニメーション実装

経緯実際の案件で取り入れてることも多くなってきた、静的サイトのフレームワークAstro。特にLPなどでは、スクロールに応じたアニメーションを使うことがあると思うので、試しに実装してみました。 Github GitHub - kaiyoshida57/astro-with-animation デモ準備中解説使い方など詳しくは、公式やICSさんのページが分かりやすいのでそちらを参照ください。 GSAP - GreenSock GSAP入門 - アニメーション制作のための高機能なJSライブラリ（前編） - ICS MEDIA 構成今回動かす対象は、矢印などのSVG要素です。個人的に、ア…

hatebcustom•10日前

オシャレで可愛い検索ボックスを、右端にちょこんと付けたい | CSS / JQuery / HTML

この記事では、ブログにおしゃれで可愛らしい検索ボックスを実装する方法を紹介しています。たとえば、サイドバーに配置された検索ボックスの場所がなかなか見つからないなど、不便に感じた経験はありませんか？このデザインを実現するために必要なCSSやJavaScriptコード、さらに外部スタイルシートとJQueryの呼び出し方法も詳しく解説されています。デザインを崩さずに、読者に使いやすい検索機能を提供する方法について知りたい方にぴったりのガイドです。詳細な手順やコードのポイントを追いながら、自分のブログに導入することができます。おしゃれで使いやすい検索ボックスを実現したい方にぴったりの記事です…

晴歩雨描•12日前

jQueryプラグイン「DataTables」のWebページに検索文字列を初期設定できるようにした。ChatGPT(3.5)に教えてもらった。

以前から、jQueryプラグイン「DataTables」を使っている。ホームページの<table>に検索機能やソート機能を簡単に付けられる。このjQueryプラグイン「DataTables」を使ったWebページに検索文字列を初期設定できるようにした。方法は、ChatGPT（無料版3.5）に教えてもらった。ググるより速い。 URLに「?s=検索文字列」を付ける方式。 ≪JavaScriptソースコード：赤色部分が追加コード≫ $(function() { var table = $('#dataTable').DataTable({ language: { // 日本語化 url: "//…

独身女性の奇行～猫を添えて～•14日前

職業訓練WEBプログラミングの説明会いってきたよ！からの推しみつけた話

今日は待ちに待った説明会。ハロワのお姉さま方がしきりに「初めての訓練でなにするかわからないので！初めてなので！」と私の職業訓練の申し込みを渋ってきた原因がいま明かされる…！ nekonoiriko.hatenablog.com 結果から言うと、でしょうねって感じの内容でした。 HTML／CSSの簡単な説明、Javascript、ｊQuery、画像加工の授業、取れる資格など。うん…でしょうね…。ハロワのお姉さま方は何をあんなに恐れていたの？プログラミングに我が子でも人質に取られてたの？プロゲート上級程度で躓いた私なんかが言うのもあれだけど、かなり最初から優しく教えてくれる模様。日本語…

Torihaji's Growth Diary•14日前

学習日記 20230909

6:47 2023/09/09おはようございます。さて、今日は、画像編集の続きからやりましょうか。昨日は削除のところまではできたので、今日は投稿の差し替えをやろうか。まずやるべきことは、input画像 formを 3つ作る。それを$FILESでもらってきたとき、複数の$FILESはどうなっているのかを調べる。それによって、$FILESから取得する処理を考える。おっと、その前に、実際にテーブルへアップロードする前に確認画面を表示させないと。と、またその前に、 jqueryでやるんだった。ためしにやってみよう。そこまでをまずは、やろう。スタート!! jquerycdn使い方は…

関連ブログ

Form内にsubmitボタンが２つあったらどうする？

ネットで話題

関連ブログ

コードの折り返し表示を切り替える便利な方法 - jQueryを使用して実装

ラジオボタンのチェックを値で設定するときは配列で設定する！！

floatはやっぱりメロンソーダでしょ★（知らんけど(*´ω｀*)）

英語話せんけど……(。-`ω-)ﾑﾌｯ

朝から発射！！

梅雨の風物詩

Java と JavaScript の覚書

PhpStormで、外部ライブラリを追加する

SpringBoot jQueryでファイルアップロードをする方法

checkboxの項目を1つ以上必須にしたい時

【キャリア】外注管理中心から、企画から実装までやるキャリアへの転換。リーダーエンジニアになるまでとこれから。

お題「今からプログラミング言語を学習するなら何を学ぶ？」について

JavaScript コーディングをモダン化するためにまず実践したいポイント４選

【webデザイン】職業訓練修了まで残り半月を切りました

夏が暑すぎたので地域・年別の8月最高気温を見れるウェブサイトを作った

【備忘】draggableな要素内のinputのテキストを選択可能にする

Ruby on Rails | noty

MbedとobnizのI2C通信

Bootstrap | ナビゲーションバーの活用

AstroとGSAPでアニメーション実装

オシャレで可愛い検索ボックスを、右端にちょこんと付けたい | CSS / JQuery / HTML

jQueryプラグイン「DataTables」のWebページに検索文字列を初期設定できるようにした。ChatGPT(3.5)に教えてもらった。

職業訓練WEBプログラミングの説明会いってきたよ！からの推しみつけた話

学習日記 20230909

floatはやっぱりメロンソーダでしょ★（知らんけど(´ω｀)）