Enviar búsqueda
Cargar
20110714 j queryベーシック
•
0 recomendaciones
•
618 vistas
良太 増子
Seguir
Tecnología
Denunciar
Compartir
Denunciar
Compartir
1 de 18
Descargar ahora
Descargar para leer sin conexión
Recomendados
公式page改ざんで学ぶjQuery入門 (jscafe7)
公式page改ざんで学ぶjQuery入門 (jscafe7)
Ryuma Tsukano
introduction to Marionette.js (jscafe14)
introduction to Marionette.js (jscafe14)
Ryuma Tsukano
⑲jQueryをおぼえよう!その5
⑲jQueryをおぼえよう!その5
Nishida Kansuke
モテる JavaScript
モテる JavaScript
Osamu Monoe
Backbone.js
Backbone.js
daisuke shimizu
No3
No3
Daisuke Yamazaki
JavaScriptことはじめ
JavaScriptことはじめ
Yuki Ishikawa
20130924 Picomon CRH勉強会
20130924 Picomon CRH勉強会
Yukihiro Kitazawa
Recomendados
公式page改ざんで学ぶjQuery入門 (jscafe7)
公式page改ざんで学ぶjQuery入門 (jscafe7)
Ryuma Tsukano
introduction to Marionette.js (jscafe14)
introduction to Marionette.js (jscafe14)
Ryuma Tsukano
⑲jQueryをおぼえよう!その5
⑲jQueryをおぼえよう!その5
Nishida Kansuke
モテる JavaScript
モテる JavaScript
Osamu Monoe
Backbone.js
Backbone.js
daisuke shimizu
No3
No3
Daisuke Yamazaki
JavaScriptことはじめ
JavaScriptことはじめ
Yuki Ishikawa
20130924 Picomon CRH勉強会
20130924 Picomon CRH勉強会
Yukihiro Kitazawa
J query element.key
J query element.key
sayoko miura
deviseを利用した認証について@Minamirb
deviseを利用した認証について@Minamirb
Jun Fukaya
5分でわかる?Backbone.js ことはじめ
5分でわかる?Backbone.js ことはじめ
Kohei Kadowaki
Kawaz的jQuery入門
Kawaz的jQuery入門
Kohki Miki
Perl暦およそ10年(?)の僕がデータベースを使えるようになるまでの昔話
Perl暦およそ10年(?)の僕がデータベースを使えるようになるまでの昔話
azuma satoshi
Ll xcode
Ll xcode
Net Kanayan
マークアップ講座 04 jQuery - JavaScript
マークアップ講座 04 jQuery - JavaScript
eiji sekiya
あの時AngularJSと出会った僕らは
あの時AngularJSと出会った僕らは
Muyuu Fujita
最強オブジェクト指向言語 JavaScript 再入門!
最強オブジェクト指向言語 JavaScript 再入門!
Yuji Nojima
OSC京都2011
OSC京都2011
haganemetal
swooleを試してみた
swooleを試してみた
Yukihiro Katsumi
Okinawapm#3
Okinawapm#3
Kei Kamikawa
MT meets PHP
MT meets PHP
純生 野田
What is doobie? - database access for scala -
What is doobie? - database access for scala -
chibochibo
ScaLa+Liftとか
ScaLa+Liftとか
youku
Wb osaka 20120623
Wb osaka 20120623
Miho Ishida
Type Safe Assets Handling in Swift
Type Safe Assets Handling in Swift
Kazunobu Tasaka
Marionettejs getting started
Marionettejs getting started
Kyohei Morimoto
Creators'night#13 tech#2今井
Creators'night#13 tech#2今井
Daisuke Imai
JavaScript入門-基礎編
JavaScript入門-基礎編
mactkg
ResearchManager Nu 90 Dagen Gratis!
ResearchManager Nu 90 Dagen Gratis!
Rene Lagendijk
20110824 android apps_endo
20110824 android apps_endo
一般社団法人メディア事業開発会議
Más contenido relacionado
La actualidad más candente
J query element.key
J query element.key
sayoko miura
deviseを利用した認証について@Minamirb
deviseを利用した認証について@Minamirb
Jun Fukaya
5分でわかる?Backbone.js ことはじめ
5分でわかる?Backbone.js ことはじめ
Kohei Kadowaki
Kawaz的jQuery入門
Kawaz的jQuery入門
Kohki Miki
Perl暦およそ10年(?)の僕がデータベースを使えるようになるまでの昔話
Perl暦およそ10年(?)の僕がデータベースを使えるようになるまでの昔話
azuma satoshi
Ll xcode
Ll xcode
Net Kanayan
マークアップ講座 04 jQuery - JavaScript
マークアップ講座 04 jQuery - JavaScript
eiji sekiya
あの時AngularJSと出会った僕らは
あの時AngularJSと出会った僕らは
Muyuu Fujita
最強オブジェクト指向言語 JavaScript 再入門!
最強オブジェクト指向言語 JavaScript 再入門!
Yuji Nojima
OSC京都2011
OSC京都2011
haganemetal
swooleを試してみた
swooleを試してみた
Yukihiro Katsumi
Okinawapm#3
Okinawapm#3
Kei Kamikawa
MT meets PHP
MT meets PHP
純生 野田
What is doobie? - database access for scala -
What is doobie? - database access for scala -
chibochibo
ScaLa+Liftとか
ScaLa+Liftとか
youku
Wb osaka 20120623
Wb osaka 20120623
Miho Ishida
Type Safe Assets Handling in Swift
Type Safe Assets Handling in Swift
Kazunobu Tasaka
Marionettejs getting started
Marionettejs getting started
Kyohei Morimoto
Creators'night#13 tech#2今井
Creators'night#13 tech#2今井
Daisuke Imai
JavaScript入門-基礎編
JavaScript入門-基礎編
mactkg
La actualidad más candente
(20)
J query element.key
J query element.key
deviseを利用した認証について@Minamirb
deviseを利用した認証について@Minamirb
5分でわかる?Backbone.js ことはじめ
5分でわかる?Backbone.js ことはじめ
Kawaz的jQuery入門
Kawaz的jQuery入門
Perl暦およそ10年(?)の僕がデータベースを使えるようになるまでの昔話
Perl暦およそ10年(?)の僕がデータベースを使えるようになるまでの昔話
Ll xcode
Ll xcode
マークアップ講座 04 jQuery - JavaScript
マークアップ講座 04 jQuery - JavaScript
あの時AngularJSと出会った僕らは
あの時AngularJSと出会った僕らは
最強オブジェクト指向言語 JavaScript 再入門!
最強オブジェクト指向言語 JavaScript 再入門!
OSC京都2011
OSC京都2011
swooleを試してみた
swooleを試してみた
Okinawapm#3
Okinawapm#3
MT meets PHP
MT meets PHP
What is doobie? - database access for scala -
What is doobie? - database access for scala -
ScaLa+Liftとか
ScaLa+Liftとか
Wb osaka 20120623
Wb osaka 20120623
Type Safe Assets Handling in Swift
Type Safe Assets Handling in Swift
Marionettejs getting started
Marionettejs getting started
Creators'night#13 tech#2今井
Creators'night#13 tech#2今井
JavaScript入門-基礎編
JavaScript入門-基礎編
Destacado
ResearchManager Nu 90 Dagen Gratis!
ResearchManager Nu 90 Dagen Gratis!
Rene Lagendijk
20110824 android apps_endo
20110824 android apps_endo
一般社団法人メディア事業開発会議
Copia De Pensamientp MatemàTico 1
Copia De Pensamientp MatemàTico 1
CRISTIAN MORENO PALACIOS
El método
El método
Chris Suarez
Sáng kiến kinh ngiệm 2009
Sáng kiến kinh ngiệm 2009
Thế Giới Tinh Hoa
会社案内テンプレート
会社案内テンプレート
セミナーワン セイケイカイ
De tijd van grote projecten is voorbij
De tijd van grote projecten is voorbij
Wicher F. Schönau
Destacado
(7)
ResearchManager Nu 90 Dagen Gratis!
ResearchManager Nu 90 Dagen Gratis!
20110824 android apps_endo
20110824 android apps_endo
Copia De Pensamientp MatemàTico 1
Copia De Pensamientp MatemàTico 1
El método
El método
Sáng kiến kinh ngiệm 2009
Sáng kiến kinh ngiệm 2009
会社案内テンプレート
会社案内テンプレート
De tijd van grote projecten is voorbij
De tijd van grote projecten is voorbij
Similar a 20110714 j queryベーシック
⑯jQueryをおぼえよう!その2
⑯jQueryをおぼえよう!その2
Nishida Kansuke
jQuery超入門編
jQuery超入門編
Yasuhito Yabe
WordBench Kobe jQueryどうでしょう
WordBench Kobe jQueryどうでしょう
Hishikawa Takuro
Visualforce + jQuery
Visualforce + jQuery
Salesforce Developers Japan
Magento meet up Tokyo#1 for Design
Magento meet up Tokyo#1 for Design
Miho Nakano
はじめよう Backbone.js
はじめよう Backbone.js
Hiroki Toyokawa
20150131_jQueryのようにWebテストが書けるGeb Navigator APIの紹介
20150131_jQueryのようにWebテストが書けるGeb Navigator APIの紹介
Yuki Fujisawa
Featuring Project Silk & Liike: 楽しい "モダン" Web 開発のちょっとディープなお話
Featuring Project Silk & Liike: 楽しい "モダン" Web 開発のちょっとディープなお話
Akira Inoue
Web制作勉強会 #2
Web制作勉強会 #2
Moto Yan
Parse.comと始めるBackbone.js入門(jscafe7)
Parse.comと始めるBackbone.js入門(jscafe7)
Ryuma Tsukano
CodeIgniterによるPhwittr
CodeIgniterによるPhwittr
kenjis
エンタープライズ分野での実践AngularJS
エンタープライズ分野での実践AngularJS
Ayumi Goto
jQuery Performance Tips – jQueryにおける高速化 -
jQuery Performance Tips – jQueryにおける高速化 -
Hayato Mizuno
データマイニング+WEB勉強会資料第6回
データマイニング+WEB勉強会資料第6回
Naoyuki Yamada
scala+liftで遊ぼう
scala+liftで遊ぼう
youku
J qmobiはjqueryから軽量化しているか
J qmobiはjqueryから軽量化しているか
Hisashi Aruji
HTML5 ビギナーのための AngularJS
HTML5 ビギナーのための AngularJS
Kenichi Kanai
IgGrid 入門編
IgGrid 入門編
Daizen Ikehara
ScalaMatsuri 2016
ScalaMatsuri 2016
Yoshitaka Fujii
⑱jQueryをおぼえよう!その4
⑱jQueryをおぼえよう!その4
Nishida Kansuke
Similar a 20110714 j queryベーシック
(20)
⑯jQueryをおぼえよう!その2
⑯jQueryをおぼえよう!その2
jQuery超入門編
jQuery超入門編
WordBench Kobe jQueryどうでしょう
WordBench Kobe jQueryどうでしょう
Visualforce + jQuery
Visualforce + jQuery
Magento meet up Tokyo#1 for Design
Magento meet up Tokyo#1 for Design
はじめよう Backbone.js
はじめよう Backbone.js
20150131_jQueryのようにWebテストが書けるGeb Navigator APIの紹介
20150131_jQueryのようにWebテストが書けるGeb Navigator APIの紹介
Featuring Project Silk & Liike: 楽しい "モダン" Web 開発のちょっとディープなお話
Featuring Project Silk & Liike: 楽しい "モダン" Web 開発のちょっとディープなお話
Web制作勉強会 #2
Web制作勉強会 #2
Parse.comと始めるBackbone.js入門(jscafe7)
Parse.comと始めるBackbone.js入門(jscafe7)
CodeIgniterによるPhwittr
CodeIgniterによるPhwittr
エンタープライズ分野での実践AngularJS
エンタープライズ分野での実践AngularJS
jQuery Performance Tips – jQueryにおける高速化 -
jQuery Performance Tips – jQueryにおける高速化 -
データマイニング+WEB勉強会資料第6回
データマイニング+WEB勉強会資料第6回
scala+liftで遊ぼう
scala+liftで遊ぼう
J qmobiはjqueryから軽量化しているか
J qmobiはjqueryから軽量化しているか
HTML5 ビギナーのための AngularJS
HTML5 ビギナーのための AngularJS
IgGrid 入門編
IgGrid 入門編
ScalaMatsuri 2016
ScalaMatsuri 2016
⑱jQueryをおぼえよう!その4
⑱jQueryをおぼえよう!その4
Último
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
CRI Japan, Inc.
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
Toru Tamaki
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NTT DATA Technology & Innovation
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
atsushi061452
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
CRI Japan, Inc.
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
WSO2
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
sn679259
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
Toru Tamaki
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Hiroshi Tomioka
Último
(12)
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
20110714 j queryベーシック
1.
実は簡単に始められるjQuery
株式会社 GENOVA 増子 良太
2.
自己紹介
3.
自己紹介 ●
名前:増子 良太 (ますこ りょうた) ● 生年月日:1983年7月4日 ● 所属:株式会社 GENOVA 技術開発部 ● Twitter: @rmasco ● 好きなもの:バイク(CB400SF)、音楽、子供(今年生まれ ました) ● 近況:MovableTypeをベースのCMS「GENOVACMS」の 企画・開発・保守を担当。 主にPerl、JavaScriptなどで開発。 今年は自分の世界を広げることが目標。
4.
今日の内容
5.
今回の内容 ●
jQueryってなに? ● jQueryの基礎 ● jQuery実践 ● jQueryプラグイン
6.
jQueryってなに?
7.
jQueryってなに? ●
オープンソースのJavaScriptライブラリー ● 主な特徴は、JavaScriptの記述を簡素化できること ● たとえば・・・ – ある要素を非表示にしようとした場合 ● 通常のJavaScriptで表記した場合 var dom = document.getElementById('id'); dom.style.display = 'none'; ● jQueryで表記した場合 $('#id').hide();
8.
jQueryを使用するメリット ●
JavaScriptの記述を簡素化できる – jQuery内に便利な機能が組み込まれているので、それを呼び出すだ けで簡単に実現できる ● クロスブラウザ実装がし易い – 主要なブラウザ毎のJavaScriptの違いをjQueryが吸収してくれている ● プラグインという仕組みでjQuery自体を機能拡張できる – ページロード時にプラグインを読みこめば、あとはそれを呼び出す だけで、スライドショーなどが一行で実現できる ■キャッチフレーズ write less, do more ↓ 少ないコードで、より多くのことを実行
9.
jQueryの基礎
10.
jQueryの基礎 ●
基本的な流れ ● jQueryのロード(ソースの読み込み) <script type=”text/javascript” src=”jquery.js” /> ● 要素の選択 $('#id') ● 命令を記述 // #idを非表示にする $('#id').hide(); これだけ!
11.
jQueryの基礎 ●
要素の選択(セレクタ) ● CSSと同じ記述で要素の選択ができる $('#id') idで要素を選択 $('.class') classで要素選択 $('div') タグ名称で要素選択 $('.class1 .class2') class1内のclass2を選択 ● 他にもこんな記述をすることができる $('li:first'), $('li:last') liの先頭または末尾の要素のみ選択 $('li:even'), $('li:odd') liの偶数または奇数の要素のみ選択 $('li[class]') liタグのclass要素が付いている要素のみ選択 ・・・その他ここでは紹介しきれないほどたくさんあります
12.
jQuery基礎 ●
そもそも$()ってなに? $ ('#id') 引数 関数(ファンクション) ● こういうふうに記述することもできる jQuery ('#id') 引数 関数(ファンクション)
13.
jQueryの基礎 ●
基本的なメソッド(機能) css(name,value) 要素にstyleを指定 例) $('#id'”).css(“background-color”,”#c0c0c0”); append(element) 要素を追加 例) $(“#id”).append(“div”) remove() 要素を削除 例) $(“#id”).remove() click(function) クリックしたときのイベントを指定 例) $(“#id”).click(function(){ alert('test'); }); hide() 要素を非表示にする 例) $(“#id”).hide(): get(url,data,function); HTTP通信(get)にてページを読み込む 例) $.get('http://test.com/test.php', function(data){ alert(data); }); ・・・その他ここでは紹介しきれないほどたくさんあります
14.
jQuery実践
15.
jQuery実践
サンプル(http://www.rmasco.com/20110714/) ● JavaScript側からCSSを操作してみよう ● Tableに行を追加してみよう ● 要素にエフェクトをかけてみよう ● Ajaxを使ってみよう ● Ajaxを使ってみよう - 応用編
16.
jQueryプラグイン
17.
jQueryプラグイン ●
世の中には便利なプラグインが多数存在 コリスより抜粋 http://coliss.com/articles/build- websites/operation/javascript/1229.ht ml
18.
ご清聴ありがとうございました
Descargar ahora