タグ

jQueryとjqueryに関するtaky1973のブックマーク (126)

  • ざっくり覚えて始められる jQueryセレクタ入門

    【おさらい】「jQuery」って何だっけ? jQueryとは、John Resig氏を中心として開発されている、オープンソースのJavaScriptライブラリです。DOM操作を中心としたプログラミングに向いており、エンジニアはもちろんのことマークアップエンジニアやデザイナの間で広く普及しています。 jQueryについての詳細は、下記記事をご参照ください。 jQuery、プラグイン、jQuery UI、Web経由のCDNとは CSSの書き方も分かるjQueryプラグイン実践活用法(1) 基/おさらいとしてプラグインやjQuery UIについて簡単に触れ、Web経由でjQueryを使うCDNについて解説 デザインハック < リッチクライアント 2009/12/8

    ざっくり覚えて始められる jQueryセレクタ入門
  • Zudolab -

    The Search for a Trusted 메이저사이트: A World of Thrills, Security, and Immersive GamingdErsPOId - December 1, 2023In the dynamic world of online entertainment, the quest for finding a trustworthy 메이저사이트, or major site, is akin to navigating through a labyrinthine digital jungle. Much like the adventurers of old scouring for hidden treasures, modern-day netizens are on the lookout for that one platform

  • jQuery Corner Demo

    This plugin was originally written by Dave Methvin. Dave and I collaborated on several improvements and the project is now hosted on github. The most recent version is also available here: jquery.corner.js. It's important to understand that this corner plugin is pulling off its magic by adding more elements to the page. Specifically, it adds div "strips" to the item to be cornered and sets a solid

    taky1973
    taky1973 2011/02/20
    角丸。クロスブラウザ
  • 胃袋ダイエットとは? | 松本クリニック

    クリニック院長松浩彦は地域のかかりつけ医として、芦屋で暮らしていらっしゃる方の健康に貢献できるよう尽くしております。総合診療科として患者様を迎え入れており、疾患や年齢などに関係なくどんな患者様も診察いたします。診察の結果、より高度な専門医療が必要と判断した場合は専門医療機関を紹介いたしますので、ご安心ください。 診療科目は内科や外科をはじめ整形外科や皮膚科など多岐にわたり、さらに泌尿器科・ペインクリニックの保険診療と美容医療まで幅広くございます。患者様第一で治療方針を提案いたしますので、どなた様もお気軽にご相談ください。明るく気さくなスタッフが、丁寧に話をお伺いいたします。 また、再生医療にも力を入れており、皮膚の改善から関節の治療などあらゆる幹細胞治療をご提供可能です。 以下の症状のある方は、来院前にお電話ください。 ご来院いただく時刻を指定いたします。マスク着用の上、ご来院くださ

    胃袋ダイエットとは? | 松本クリニック
  • Postal Search APIs & Solutions

    Postal Search APIs & Solutions とは Postal Search APIs & Solutions は、郵便番号と住所を軸に様々なデータを検索できる API の提供と、その API を活用したアプリケーションの提案や事例 を紹介するサービスです。おかげさまでサービスは、2008年3月31日をもって1周年を迎えることができました。応援してくださったみなさん。ありがとうございました。 Postal Search APIs & Solutions は、利用者のフィードバックを尊重しながら進化し続けたい BETA サービスです。Postal Search Ajax API という郵便番号から住所、住所から郵便番号を検索できる JavaScript ベースの API と、その API を使ったサンプルを提供します。さらに、WEB サーバに Postal Search

    taky1973
    taky1973 2011/02/18
    Postalcode→←郵便番号 のAJAX。jQueryなどの技術情報も
  • 無名関数をすぐに実行する(function(){})()の覚え書き [JavaScript] : ずっと工事中

    題に入る前に、 普通に関数を作って実行するとき var foo = function() { … }; foo(); としますよね。 この動作を普通に説明すると、 無名関数をfooに代入 fooを実行 という感じになりますが、もう少し細かく分解して、 function(){}はその関数の参照を値に持つ JavaScriptでは、functionの代入は参照を渡すので、 var foo = function() { … }; は左辺のfunction(){}は、自身への参照値を持ち、 それをfooに代入 していることがわかります。 関数の参照にカッコ()を付けると、関数を実行する 次に、普段なんとなく使っている foo(); これは foo(参照)に演算子()を付けると、関数が実行される …という事をあらわしていますね。 ということで、fooもカッコを付けないと参照だし、function(

  • JSON の紹介

    JSON (JavaScript Object Notation)は、軽量のデータ交換フォーマットです。人間にとって読み書きが容易で、マシンにとっても簡単にパースや生成を行なえる形式です。 JavaScriptプログラミング言語 (ECMA-262標準第3版 1999年12月)の一部をベースに作られています。 JSONは完全に言語から独立したテキスト形式ですが、C、C++、C#、JavaJavaScriptPerlPython、その他多くのCファミリーの言語を使用するプログラマにとっては、馴染み深い規約が使われています。これらの性質が、 JSONを理想的なデータ交換言語にしています。 JSONは2つの構造を基にしています。 名前/値のペアの集まり。様々な言語で、これはオブジェクト、レコード、構造体、ディクショナリ、ハッシュテーブル、キーのあるリスト、連想配列として実現されています。

  • jquery順番入れ替え

    I’ve been using JQuery for a while now and really agree with its tag line that it’s the “The Write Less, Do More, JavaScript Library”. We’ve also got this code for dragging and dropping table rows that has proved very popular, so it seemed natural to combine the two and wrap up the table drag and drop as a JQuery plugin. Update: You can now read the latest docs at https://github.com/isocra/TableDn

    taky1973
    taky1973 2011/02/12
    Drag & Dropでテーブル行の入れ替えができるプラグイン
  • jQuery 1.5でのAJAXの書き方: 細切れに書くことや、遅延処理が可能 - YomuKaku Memo

    jQuery 1.5からjQuery.ajaxを呼ぶとjqXHRオブジェクトを返すようになり、deferredな処理が可能になっています。 モバイル向けのような単一ページでjavascript主体のアプリケーションにおいて、successやerrorのcallbackでサーバーからの返り値だけを取得しておき、deferredな処理が可能であることを活かして当該の返り値を加工したり、必要な処理をいくつか行った後に、completeのcallbackで処理を締めくくるような用途の多様化を想定した仕様変更なのかと思われます。 jQuery 1.5とjQuery 1.4で、AJAX処理の書き方は極端に変わったわけではありませんが、骨格としては以下のように異なります。 jQuery 1.4の場合 // ============== // = jQuery 1.4 = // =============

  • jQuery 開発者向けメモ - 基本・サンプル

    jQueryとは jQuery は様々な処理を短く簡単に書ける JavaScript ライブラリです. 独自のXPATH/CSSセレクタを利用することで,多くのDOM操作を非常に簡単に書くことが出来ます. JavaScriptのDOM操作や,XMLHTTPRequest,XMLの操作などを覚えなくとも, Ajaxを利用したインタラクティブなページを作ることが出来ます. 以下のサンプルを見れば,JavaScriptらしい表記をほとんどする必要がないことがわかると思います. toggleサンプル 特定のブロックの表示・非表示を切り替えるのは以下のようなコードになります. $("#target_toggle").toggle("slow"); このブロックは,<p id="target_toggle"> です. Ajaxサンプル Ajaxでhello.htmlをロードするのは以下のようなコ

  • IE+jQueryでHTML5新要素のDOM操作

    Updated 2010.07.26 / Published 2010.07.26 jQueryのprepend(), append(), appendTo(), before(), after(), html(), wrap(), wrapInner(), wrapAll()など、指定のセレクタに対してオブジェクトを操作できるメソッドを用いてHTML5の新要素を操作する際は、現行MicrosoftからリリースされているIE8までのバージョンでは、HTML5の新要素が認識できないので注意が必要です。 この罠に嵌ることが想定される事態 HTML5でリニューアルされているサイトが散見されるようになってきた今日この頃ですが、表題の問題で混乱が起こることが想定される事態としては、事前にHTML5の新要素群をdocument.createElement()で作成済みなので、「よし、これでjQuery

    IE+jQueryでHTML5新要素のDOM操作
  • How to Create an Awesome Image Preloader | Envato Tuts+

    How often do you find that images in a website load gracefully; the kind where a loading icon first appears, and the image then fades in, once loaded? This technique can greatly boost the performance of your website. If you're not already familiar with this method, you're in luck! Today, we'll create a preloader plugin for your projects. Intrigued? Let's get started! Step 1: Setting Up Your Worksp

    How to Create an Awesome Image Preloader | Envato Tuts+
    taky1973
    taky1973 2011/02/04
    画像プリローダー
  • jQuery File Upload Demo

    jQuery File Upload Demo File Upload widget with multiple file selection, drag&drop support, progress bars, validation and preview images, audio and video for jQuery. Supports cross-domain, chunked and resumable file uploads and client-side image resizing. Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads. Pintura

  • 50 jQuery Tools for Awesome Websites | Pro Blog Design

    50 jQuery Tools for Awesome Websites On Mon 15th Feb | In Resources | By denbagus 130 By now, everyone has heard of jQuery. It’s a framework that makes JavaScript development much easier, and has become massively popular for adding JavaScript functionality to websites. In this post, we’ve picked out 50 of the best scripts we know of and talked about why they rock. They can help in just about any a

  • node.jsとMySQLで割と普通のデータベースウェブアプリを作ってみるチュートリアル | さくらたんどっとびーず

    2011年はサーバサイド JavaScript の年! サーバサイド JavaScript命は node.js! ということで割と普通のウェブアプリケーションを node.js で作るためのチュートリアルを書いてみました。WebSocket とか新しめの話題は結構見ますが、PHP とかで普通のウェブアプリ作ってる人向けのチュートリアルとかあんま見ないような気がしたので、って感じです。 チュートリアルの内容ですが、コード量が少なめで機能的にも分かりやすそうなモノということで、短縮 URL ウェブアプリケーションを作ってみることにしました。bit.ly とか t.co とか nico.ms みたいなアレです。短縮 URL のデータは MySQL に保存します。 結構長文になっちゃったので、先に目次置いときます。 node.js のインストール npm (Node Package Mana

    node.jsとMySQLで割と普通のデータベースウェブアプリを作ってみるチュートリアル | さくらたんどっとびーず
  • node.jsとjQueryでスクレイピングするウェブアプリの作り方

    やっぱ jQuery 便利ですよ(*´・ω・)(・ω・`*)ネー セレクタ使って jQuery でダカダカやってると、DOM とか正規表現でネチネチやるのがバカらしくなっちゃいます。 と日頃から思ってたりしてまして、サーバサイド JavaScript がメインストリームになって、jQuery でウェブアプリをコーディングできれば超ラクできるかもと期待しています。 で、先日サーバサイドJavaScriptとjQueryでスクレイピングという記事をうpったところ、やっぱ Rhino じゃなくて node.js がえーんよ(´・ω・`)というコメントを頂きましたので、node.js と jQuery でサーバサイド JavaScript スクレイピングしてみることにしました。 今回は node.js ですので、単にスクレイピングする(コマンドラインから実行する)スクリプトだけじゃなくて、スクレイ

    node.jsとjQueryでスクレイピングするウェブアプリの作り方
  • HugeDomains.com

    Captcha security check codersnote.com is for sale Please prove you're not a robot View Price Processing

  • [JS]カスタマイズ性に優れた、メッセージのパネルを一時的に表示するスクリプト -Easy Notification

    設置が簡単で、オプションも豊富に用意されカスタマイズ性にも優れた、メッセージのパネルをアニメーションで表示・非表示するjQueryのプラグインを紹介します。 パネルを消去するには、「Close」ボタンをクリックします。 デモは他にも二つ公開されています。 デモページ:2 クリックでパネルを表示。 デモページ:3 クッキー対応、初回のみパネルを表示。 Easy Notificationの特徴 マークアップは非常にシンプル、しかもカスタマイズ性は強力 あらゆるエレメントに設置が可能 トリガーとなるイベントは、クリックやページロードなどに選択可能 クッキーを使用して、一度だけ表示することも可能 不必要に繰り返し表示しません。 [ad#ad-2] Easy Notificationの実装 パネルのHTML パネルはシンプルなHTMLで生成されます。 <div id="easyNotificatio

    taky1973
    taky1973 2011/01/29
    クッキーを使用して、初回だけ表示することも可能。
  • 複数ファイルの一括選択OKなプログレスバー付きアップローダ実装jQueryプラグイン「jQuery File Upload」:phpspot開発日誌

    複数ファイルの一括選択OKなプログレスバー付きアップローダ実装jQueryプラグイン「jQuery File Upload」 2011年01月25日- jQuery File Upload Demo 複数ファイルの一括選択OKなプログレスバー付きアップローダ実装jQueryプラグイン「jQuery File Upload」。 「Upload files」ボタンを選択するとダイアログが開き、複数ファイルを一括して選択。その後すぐアップロードが始まり、プログレスバーを通して進捗を表示、アップされたファイルのサムネイルも次のように表示してくれるという、ファイルアップロードのフルセットを提供してくれます。 アップされたファイルの横に表示されているごみ箱アイコンをクリックすればすぐさま削除も可能。 HTML5ベースなプラグインなのでFlashも不要です。 アップロードの受け口としてphpのソースも同

  • 少しのコードで実装可能な20のjQuery小技集

    2016年6月22日 jQuery 素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、以前書いた「少しのコードで実装可能な20のCSS小技集 」に続き、今回はプラグインなしで実装できるjQueryの小技を紹介します!「jQueryってなんだ?」という人もコピペで実装できますよ!サンプルも用意したのでぜひご覧ください! ↑私が10年以上利用している会計ソフト! 追記:この記事で紹介されているいくつかの方法が、今ではCSSのみで実装可能です!詳しくは「かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技」をご覧ください。 jQueryの基的な使い方 まずはjQuery家からjQueryファイルをダウンロードします。<head> 内に下記を記述し、jQueryファイルを読み込みます

    少しのコードで実装可能な20のjQuery小技集