Hatena Blog Tags
はてなブログ トップ
jQuery
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

jQuery

(ウェブ)
【じぇいくえりー】

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

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

ネットで話題

もっと見る
4061ブックマークjQuery 日本語リファレンスjQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );semooh.jp
2911ブックマーク少しのコードで実装可能な20のjQuery小技集www.webcreatorbox.com
2360ブックマーク40分で覚える！jQuery速習講座 (1/6)ascii.jp
2327ブックマーク「ノンプログラマーのためのjQuery入門」のスライドが凄く分かりやすいですねkachibito.net
2117ブックマークCSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きましたWebデザインをしていると、HTML と CSS だけではできない表現ってありますよね。そんな時によく使うのが jQuery。今回は jQuery っていまいちよく分からない ... っていう人が、jQuery に少しでも親しんでもらえたらいいなーと思って、知ってる事をまとめてみました。なので jQuery 初心者さん向けの記事です。 とっても...webdesignrecipes.com
1694ブックマークjQueryプラグインのベストトレンド総まとめ2010*ホームページを作る人のネタ帳e0166.blog89.fc2.com
1636ブックマークjquery小技まとめ３２commte.net
1608ブックマーク「jQuery Mobile」の登場で、モバイルアプリケーション開発は大きく変わる － Publickeywww.publickey1.jp
1604ブックマークjQueryでスクロールすると表示する系いろいろwww.webopixel.net

関連ブログ

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

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

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

#PhpStorm#jQuery
Web系開発メモ•2ヶ月前

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系開発メモ•2ヶ月前

SpringBoot jQueryのAjaxでJSONを送受信する方法

Spring Boot の Webアプリで、jQuery を使って JSON を送受信する方法を書いていきます。 バージョン 動作確認で使用した製品のバージョンは以下の通りです。 Spring Boot 3.0.1 Java 17 jQuery 3.6.3 1. 画面の作成 以下の HTML を作成します。 src/main/resources/static/index.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="I…

#Spring Boot#Java#jQuery
Project_OKI’s diary•3ヶ月前

jQuary、javascript学習_1

​​​jQuaryの導入と入門 ・目次 ​​​jQuaryの導入と入門 1.jQuaryの導入 2.jQuaryでプログラム作成 3.プログラム説明 関連記事 1.jQuaryの導入 jQuaryのurlを取得し、ボタンを押したら[Hellow World]を表示する プログラムを作成する。 (1) jQuaryのダウンロード(urlの取得) ・下記サイトから、jQuaryのurlを取得。(urlが分かれば、必要なし) ・https://developers.google.com/speed/libraries#jquery 2.jQuaryでプログラム作成 ・取得したurlをheadタグの中…

#HTML#jQuery
かなこと仲良く数学、無料のオンライン学習塾•4ヶ月前

jQueryで開閉式メニューを作ってみた

～jQueryで開閉式メニューを作る方法～ 今回はjavascriptのライブラリであるJQueryを使って開閉式メニューを作る方法を詳しく説明していきたいと思います。 レベル1 headタグの中にjQueryを使うためのURLを入れる まずjQueryを使うためにはあるURLを入力しないといけません。 はてなブログでは設定→詳細設定をクリックして下の方にある<head>要素にメタデータを追加という所に次のように入力します。 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></scri…

#jQuery#CSS
web制作のしおり•4ヶ月前

85.復習しよう②　～JavaScriptとjQuery～

本日は復習編第２弾 JavaScriptとjQueryについてです。 正直、忘れてしまっている気がする。 早速やっていきましょう。 JavaScriptとは HTMLとCSSとは違い、プログラミング言語。 DOMというウェブページとプログラミング言語をつなぐ仕組みを使うことで、JavaScriptはブラウザ上のHTMLを参照、操作することができます。 何が言いたいかというと、 ブラウザに表示されているページに動きをつけられる。 という事です。 ちなみにDOMのような仕組みの総称をAPI(Application Programming Interface) と言うそうです。 具体的にどんなことが…

#デイトラ#復習#JS#jQuery
web制作のしおり•5ヶ月前

67.モーダルを作る　～クリックで最前面に表示させる～

モーダルを作る。 これは以前の課題でも出てきたような・・・。 過去、28～29回目くらいの記事でクリックされた画像を拡大表示するやつを作っていましたね。 今回はリンクをクリックしたら最前面に表示される画面です。 とは言え、一度作ったものの応用なのでそんなにかからず出来るハズ…。 まずは流れを確認 今回は HTMLでモーダルウィンドウを書き、クラスを設定 CSSで該当クラスに対して通常は非表示、また重なりのz-indexを指定 jQueryで、該当クラスの要素がクリックされたら表示・非表示を行う。 これで作っていきましょう。 まずはHTMLを作成 これは特に難しいことは無くて、 クリックする要素…

#デイトラ#jQuery
web制作のしおり•5ヶ月前

66.アコーディオンを作ろう　～slideToggleと相対的な要素指定を使う～

今日はアコーディオンについて。 特に相対的な要素の指定方法を初めて知ったので そこはガッツリ確認したいと思います。 アコーディオンって？ 楽器…ではありません。 ただ、アコーディオンは開いたり閉じたりしながら音を出しますよね。 それが由来のようです。 webのアコーディオンはアコーディオンメニューとも呼ばれ、 最初は閉じていて、クリックすると隠れていた部分が表示されるそんなメニューや画面のことです。 どうやって作るのか manablo.hatenablog.jp 実は以前の記事で使ったslideToggleで実装できます。 以下のように、Q＆Aを作る時などに重宝します。 HTMLのコード <d…

#デイトラ
web制作のしおり•5ヶ月前

65.クリックした要素に下線を引こう　～ページ内リンクのクリック～

ページ内リンクをクリックした時に、下線を引く。 目にしたことはあるけれど、イマイチどうやって作ればいいのかイメージが湧かない。 要領がわかれば難しいことは無いです。 では早速やっていきましょう。 何を使って実現するのか 今回はHTML、CSS、jQuery(JavaScript)を使います。 大まかな流れは 下線が付与されるクラスを定義 該当要素のクリックの検出 該当要素のクラス削除 クリックされた要素にクラス追加 ざっくりとこんな感じです。 今回のポイントはクラスの削除とクラスの追加で対象を変えているところです。 HTMLとCSSを作成。下線が付与されるクラスを定義 こちらは、疑似要素なのか…

#デイトラ
人気商品セールまとめ•8時間前

【03月25日時点】エンジニア向け人気学習コンテンツセールまとめ

エンジニア・プログラマーの学習に約立つコンテンツのセール情報を集めました 1位 現役シリコンバレーエンジニアが教えるPython 3 入門 + 応用 +アメリカのシリコンバレー流コードスタイル ¥27,800 → ¥1,600 94%OFF!! ⭐ ⭐ ⭐ ⭐ （20,088件） 現役シリコンバレーエンジニアが教えるPython入門！応用では、データ解析、データーベース、ネットワーク、暗号化、並列化、テスト、インフラ自動化、キューイングシステム、非同期処理など盛り沢山の内容です！ 2位 【キカガク流】人工知能・機械学習 脱ブラックボックス講座 - 初級編 - ¥15,800 → ¥1,500 …

めも！•1日前

入社4年目で転職を真剣に考える(SE)

入社4年目で転職を真剣に考えます。20代後半です。 今やってることが開発でもなんでもなく、希望を伝えたものの今年いっぱいはそのポジ(しかも週5出勤)と言われたので毎日辞めたい。 プライベートの面でも変化がありこれからはなるべくプライベート重視でいきたいので、とりあえず求人情報を片っ端から見ています。 一回辞めたいと思うと些細なことも嫌になってきて今の部門の上長と顔合わせるのも嫌になってくる。 ・自分の性格熱しやすく冷めやすい飽きっぽい相手によるけど人と話すのは好き。飲みも好き技術！！って感じよりは対お客さんとのやり取りのほうが向いてると言われた仕事で怒ることはほぼない(仲良い人に愚痴るのはよく…

人気商品セールまとめ•1日前

【03月24日時点】エンジニア向け人気学習コンテンツセールまとめ

エンジニア・プログラマーの学習に約立つコンテンツのセール情報を集めました 1位 現役シリコンバレーエンジニアが教えるPython 3 入門 + 応用 +アメリカのシリコンバレー流コードスタイル ¥27,800 → ¥1,900 93%OFF!! ⭐ ⭐ ⭐ ⭐ （20,078件） 現役シリコンバレーエンジニアが教えるPython入門！応用では、データ解析、データーベース、ネットワーク、暗号化、並列化、テスト、インフラ自動化、キューイングシステム、非同期処理など盛り沢山の内容です！ 2位 【キカガク流】人工知能・機械学習 脱ブラックボックス講座 - 初級編 - ¥15,800 → ¥1,900 …

WEBサイト制作の勉強•2日前

Cookie（クッキー）を使って初回アクセスと2回目以降かを判定し、異なるプログラムを実行させる

Cookie（クッキー）とは？ Cookie（クッキー）とは、ホームページを訪問した ユーザーの情報を一時的の保存する仕組み、またはそのデータです。ID、パスワード、メールアドレス、訪問回数などが ユーザー情報として保存されます。これによって再訪問したときに ユーザーを特定し、情報を入力する手間が省けます。ショッピングサイトに訪問したとき、すでにログイン状態になっている、以前カートに入れた商品がそのまま残っているのは、Cookie機能がはたらいているからです。似たような機能でSessionという機能がありますが、Cookieはクライアント側にデータを保存するのに対して、Sessionはサーバー…

アドLIFE春夏秋冬•2日前

【硬派上等】シンプルすぎるコードで「上に戻る」ボタンをコピペで簡単に設置しよう！【はてなブログ】

【硬派上等】シンプルすぎるコードで「上に戻る」ボタンをコピペで簡単に設置しよう！【はてなブログ】 おはようございます、こんにちは、こんばんは、はてなブロガーの瀬木冬子（せき とうこ）です。 今回はブログお馴染みの右下に出る「上に戻るボタン」「トップに戻るボタン」のコードをご紹介致します！ JavaScriptもJQueryもFontAwesomeも一切使わない、超シンプルで軽量のコードで気持ちも楽々にいきましょう！ 最新版です！ よろしくお願い致します！ ボタンについて コードについて 必要なコード フッタに入力するHTMLコード デザインCSSに入力するコード ポイント＆チップス おわりに …

WEBサイト制作の勉強•2日前

フィルタリングとモーダルウィンドウを導入

フィルタリングとモーダルウィンドウの2つを導入する事でこういったUIを作る事が可能です。 chiyo-katsumasa.com fancyapps.comwww.kunkalabs.com <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>MixItUpとFancyBoxを合体</title> <link rel="stylesheet" href="css/st…

ダークサイドにようこそ!•2日前

Nuxt3 + Tailwind CSS + Three.js でポートフォリオをリニューアルしGitHub Actions で自動デプロイするようにした

ポートフォリオをリニューアルしました（ドメインも取りました）。メインビジュアルとしてフラクタル図形の３次元化を試みています。 followthedarkside.com 勉強がてら色々と初めてのものを導入してみたので、備忘録として記事にしておきます。Web開発って初心者向け情報だと「HTML+CSS+JSで簡単なサイト作ってみよう」から、ちょっと深掘りし出すと急に知らない言葉や概念が大量に出てきてようわからんってなりませんか。あとWordPressで稼ごう記事や怪しいオンラインスクールなど（WPが悪いわけじゃないんです）。 今回の記事は導入からデプロイまで網羅的に（雑に）書いてますので、Web…

WEBサイト制作の勉強•2日前

3月23日の作業データ（Fresco Italiano）

トップページ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>レストランサイトの制作</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconn…

人気商品セールまとめ•2日前

【03月23日時点】エンジニア向け人気学習コンテンツセールまとめ

エンジニア・プログラマーの学習に約立つコンテンツのセール情報を集めました 1位 現役シリコンバレーエンジニアが教えるPython 3 入門 + 応用 +アメリカのシリコンバレー流コードスタイル ¥27,800 → ¥1,900 93%OFF!! ⭐ ⭐ ⭐ ⭐ （20,074件） 現役シリコンバレーエンジニアが教えるPython入門！応用では、データ解析、データーベース、ネットワーク、暗号化、並列化、テスト、インフラ自動化、キューイングシステム、非同期処理など盛り沢山の内容です！ 2位 【キカガク流】人工知能・機械学習 脱ブラックボックス講座 - 初級編 - ¥15,800 → ¥1,800 …

人気商品セールまとめ•3日前

【03月22日時点】エンジニア向け人気学習コンテンツセールまとめ

エンジニア・プログラマーの学習に約立つコンテンツのセール情報を集めました 1位 現役シリコンバレーエンジニアが教えるPython 3 入門 + 応用 +アメリカのシリコンバレー流コードスタイル ¥27,800 → ¥1,900 93%OFF!! ⭐ ⭐ ⭐ ⭐ （20,069件） 現役シリコンバレーエンジニアが教えるPython入門！応用では、データ解析、データーベース、ネットワーク、暗号化、並列化、テスト、インフラ自動化、キューイングシステム、非同期処理など盛り沢山の内容です！ 2位 【キカガク流】人工知能・機械学習 脱ブラックボックス講座 - 初級編 - ¥15,800 → ¥1,800 …

inuinu blog(開発用)•4日前

週末のお勉強メモ

今週末は金曜日と月曜日をお休みにして、都合5連休でしたが、行楽そっちのけで、お勉強をしました*1。 以降はメモで、まとめではない。 アフィブログではないので、比較もランキングもありません。笑 目次＋CSS Wordpressテーマについてのお勉強 問題はサーバーの選定 アダルトASPの存在と、2NTブログの開設 アダルトブログを開設するとしたらFC2/2NTブログは相応しいか？ アダルトに相応しいサーバーは？ Wordpressってサブディレクトリでも別途インストールがが必要？ 堂々巡り まとめ 目次＋CSS と、その前に目次を取り付けました。はてな記法＋CSS。 ただ、このテーマ(公式のEp…

人気商品セールまとめ•4日前

【03月21日時点】エンジニア向け人気学習コンテンツセールまとめ

エンジニア・プログラマーの学習に約立つコンテンツのセール情報を集めました 1位 現役シリコンバレーエンジニアが教えるPython 3 入門 + 応用 +アメリカのシリコンバレー流コードスタイル ¥27,800 → ¥1,900 93%OFF!! ⭐ ⭐ ⭐ ⭐ （20,067件） 現役シリコンバレーエンジニアが教えるPython入門！応用では、データ解析、データーベース、ネットワーク、暗号化、並列化、テスト、インフラ自動化、キューイングシステム、非同期処理など盛り沢山の内容です！ 2位 【キカガク流】人工知能・機械学習 脱ブラックボックス講座 - 初級編 - ¥15,800 → ¥1,800 …

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

3月20日作業データ（sweet-box）

qiita.com お問い合わせ入力画面 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Sweet Box|トップページ</title> <link rel="preconnect" href="https://fonts.googleapis.com">…

人気商品セールまとめ•5日前

【03月20日時点】エンジニア向け人気学習コンテンツセールまとめ

エンジニア・プログラマーの学習に約立つコンテンツのセール情報を集めました 1位 現役シリコンバレーエンジニアが教えるPython 3 入門 + 応用 +アメリカのシリコンバレー流コードスタイル ¥27,800 → ¥2,400 91%OFF!! ⭐ ⭐ ⭐ ⭐ （20,065件） 現役シリコンバレーエンジニアが教えるPython入門！応用では、データ解析、データーベース、ネットワーク、暗号化、並列化、テスト、インフラ自動化、キューイングシステム、非同期処理など盛り沢山の内容です！ 2位 【キカガク流】人工知能・機械学習 脱ブラックボックス講座 - 初級編 - ¥15,800 → ¥2,200 …

プログラマブル深海魚•5日前

Play FrameworkでTypeScript, SCSSを動かす

Play FrameworkでTypeScript, SCSSを動かしてみたので、 備忘録も兼ねて記録を残します。 目次 sbtプラグインを追加する プラグインの設定 テンプレートからの参照 実際に動かす クライアント側のライブラリ依存関係を管理する おわり 参考文献 sbtプラグインを追加する sbtには、sbt-webというWeb開発用のプラグイン向けライブラリがあり、 プロジェクトでSbtWebを有効にしてsbt-web用プラグインを追加すれば、対応するファイルがコンパイルされるようになります。 https://github.com/sbt/sbt-web TypeScript, SCS…