通常ã®eventè¨å®š $('#id').bind('click',function(ev){ console.info('clicked'); }); // #idã®è¦ç´ click時ã«"clicked"ã¨è¡¨ç¤º $('#id').trigger('click'); // "clicked"ã¨è¡¨ç¤º
jQueryã®custom eventã¨UIã®éƒ¨å“化(The JUI 2009 Returns)
通常ã®eventè¨å®š $('#id').bind('click',function(ev){ console.info('clicked'); }); // #idã®è¦ç´ click時ã«"clicked"ã¨è¡¨ç¤º $('#id').trigger('click'); // "clicked"ã¨è¡¨ç¤º
Working with Events, Part 3: More Event Delegation with jQuery | Learning jQuery
Event delegation, as described in the first article of this series, is a way to take advantage of event bubbling to avoid binding an event listener more than once. jQuery 1.3 and the upcoming jQuery 1.4 have many features that make using event delegation in your web pages easier. The aim of this tutorial is to help you understand how these new features work. From traditional event listening to eve
jQuery.liveã‚’firefoxã§ä½¿ã†ã¨ãã®æ³¨æ„点 - KAYAC Engineers' Blog
夢ã§åŒ»è€…ã«ã‚®ãƒ–スãらã„自分ã§ã¯ãšã›ã‚ˆã¨è¨€ã‚ã‚Œã¾ã—ãŸã€‚agoã§ã™ã€‚ 昨日若手IT勉強会ã«å‚åŠ ã•ã›ã¦ã„ãŸã ãã€jQuery.live周辺ã¨jsdeferredã‚’èªã‚“ã§ãã¾ã—ãŸã€‚ ãã®ã¨ãæ°—ã¥ã„ãŸã®ã§ã™ãŒã€Firefoxã¯document objectã«å¯¾ã™ã‚‹click eventãŒå³ã‚¯ãƒªãƒƒã‚¯ï¼ˆevent.button === 2）時ã«ã‚‚呼ã°ã‚Œã¦ã—ã¾ã†ã‚ˆã†ã§ã™ã€‚(Firefox ver 3.5.5ã§ç¢ºèª) （Fxã®æ–¹ã¯ãƒ‡ãƒ¢ã‚³ãƒ¼ãƒ‰ã®ã€Œã“ã“をクリックï¼ã€ã‚’å³ã‚¯ãƒªãƒƒã‚¯ã—ã¦ã„ãŸã ã‘ã‚Œã°ç¢ºèªã§ãã‚‹ã¨æ€ã„ã¾ã™ï¼‰ 本家ã«ã¯ã™ã§ã«å ±å‘Šã•ã‚Œã¦ã„るよã†ãªã®ã§ã„ãšã‚Œä¿®æ£ã•ã‚Œã‚‹ã¨æ€ã„ã¾ã™ãŒã€jQuery ver 1.3.2以下ã§$().liveを使用ã™ã‚‹å ´åˆä»¥ä¸‹ã®ã‚ˆã†ã«ã‚³ãƒ¼ãƒ‰å´ã§å¯¾å¿œã™ã‚‹ã“ã¨ã‚’ãŠå¥¨ã‚ã—ã¾ã™ã€‚ $('selector').live('click', function (env) { if (env.but
jQuery勉強：eachã•ã›ãŸä¸ã®$(this)ã§live()ã¯ä½¿ãˆãªã„
昨日ã€5509ブãƒã‚°ã®noriã•ã‚“ã¨ãƒãƒ£ãƒƒãƒˆã§è©±ã‚’ã—ã¦ã„ã‚‹ä¸ã§ã€Œnori: liveãŒã†ã¾ãã„ã‹ãªã„＞＜ã€ãªã‚“ã¦è©±ãŒã§ã¦ããŸã®ã§ã€ä¸€ç·’ã«ã‚½ãƒ¼ã‚¹ã‚’見ã¦ã€ã©ã†ã—ã¦å‹•ä½œã—ãªã„ã®ã‹ã‚’検証ã—ã¦ã¿ã‚‹ã“ã¨ã«ã—ãŸã€‚ 自分以外ã®äººã®ã‚¹ã‚¯ãƒªãƒ—ト ãã‚“ãªã€Œã‚ã‹ã‚‰ãªã„ã€ã©ã†ã—よã†â€¦ã€ãªã‚“ã¦ã“ã¨ãŒãã£ã‹ã‘ã§ã€ã‚¹ã‚¯ãƒªãƒ—トを見ã¦ã¿ã‚‹ã“ã¨ã«ãªã£ãŸã€‚ noriã•ã‚“ã®ã‚¹ã‚¯ãƒªãƒ—トã¨ã‹ã€æ¯Žå›žæ–°ã—ã„エントリーãŒã§ã‚‹ãŸã³ã«ã¿ã¦ã„ãŸã®ã§ã™ãŒã€ã–ã£ã¨ä½œã‚Šã‚’把æ¡ã™ã‚‹ã ã‘ã§ã€ç´°éƒ¨ã¾ã§è€ƒãˆãŸã“ã¨ãŒãªã‹ã£ãŸã€‚ã—ã‹ã—ã€ç´°éƒ¨ã¾ã§ã¿ã¦ã„ãã“ã¨ã¯ã€è‡ªåˆ†ã¨é•ã†ä½œã‚Šæ–¹ã‚’ã™ã‚‹ãŸã‚ã€çµæ§‹ã©ã†ã„ã†ã¤ãã‚Šã«ãªã£ã¦ã„ã‚‹ã‹ã‚’ç†è§£ã™ã‚‹ã®ã«æ™‚é–“ãŒã‹ã‹ã‚‹ã€‚ã§ã‚‚ã€ãã‚ŒãŒä»Šã¨ã£ã¦ã‚‚勉強ã«ãªã£ã¦ã„ã¦ã„ã„。ã“ã‚“ãªä½¿ã„方もã§ãã‚‹ã®ã‹ãƒ¼ã¨ã‹ã€ã“ã‚“ãªã‚³ãƒ¼ãƒ‰ã§ã„ã„ã®ã‹ï¼ï¼ãªã‚“ã¦ã„ã†ã€è‡ªåˆ†ä¸€äººã§ã¯ã‚ã‹ã‚‰ãªä¸–ç•ŒãŒè¦‹ã‚Œã¦ã¨ã¦ã‚‚ã„ã„。 èªè§£ã«æ™‚é–“ã¯ã‹ã‹ã‚‹ã‚‚ã®ã®ã€èª¬æ˜Žã—ã¦ã‚‚らã„ãªãŒã‚‰ã¨ã‹ã ã¨ã€å‹‰å¼·ã«
Understanding with Special Events
When selecting elements jQuery has an optional second argument called context. This context provides a means to limit the search within a specific node. This is great when you have a very large DOM tree and need to find, for example, all the <a> tags within a specific part of the DOM tree. I’ve seen various articles, usually performance related, stating that you should be using a context for your
liveイベント - ç´ äººãŒãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’勉強ã—ã¦ã„ãŸãƒ–ãƒã‚°
jQueryã§ã‚µãƒãƒ¼ãƒˆã•ã‚ŒãŸliveãªã‚¤ãƒ™ãƒ³ãƒˆãŒã©ã†ã„ã†é¢¨ã«å®Ÿç¾ã•ã‚Œã¦ã„ã‚‹ã®ã‹èª¿ã¹ãŸã€‚ã‹ãªã‚Šè¤‡é›‘ã ã£ãŸã®ã§è©³ç´°ã¯è¿½ã‚ãªã‹ã£ãŸãŒã€ã“ã®ã‚ˆã†ã«ã—ã¦ã„るよã†ã 。 var live = function (selector, type, fun) { document.addEventListener( type, function (e) { var elem = e.target; var isMatch = Array.prototype.some.call( document.querySelectorAll(selector), elem.isSameNode, elem ); if (isMatch) { if (!fun.call(elem)) e.preventDefault(); } }, false ); }; live('body a', 'click', function
jQuery1.3 リリースノート - jQuery 日本語リファレンス
2009å¹´1月14æ—¥ã«ã€jQuery 1.3ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚ 主ãªå¤‰æ›´ç‚¹ã‚’ã€ä»¥ä¸‹ã«æŒ™ã’ã¾ã™ã€‚ æ¦‚è¦ ã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ã‚¨ãƒ³ã‚¸ãƒ³ã‚’Sizzleã«å¤‰æ›´ jQueryã®CSSセレクターエンジンãŒã€Sizzleã¨å‘¼ã°ã‚Œã‚‹æ–°ãŸãªã‚‚ã®ã«å¤‰æ›´ã•ã‚Œã¾ã—ãŸã€‚ ã“ã®ã‚¨ãƒ³ã‚¸ãƒ³ã¯jQueryã®ç”Ÿã¿ã®è¦ªã§ã‚ã‚‹John Resigæ°ãŒåˆ¥ã«é€²ã‚ã¦ã„ãŸãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã€ä»–ã®Javascriptライブラリã§ã‚‚利用ã•ã‚Œã‚‹ã‚ˆã†ã«æ±Žç”¨çš„ãªè¨è¨ˆãŒã•ã‚Œã¦ã„ã¾ã™ã€‚以å‰ã‚ˆã‚ŠjQueryã®ã‚¨ãƒ³ã‚¸ãƒ³ã‚’ã“ã‚Œã«å·®ã—替ãˆã‚‹ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã¯å…¬é–‹ã•ã‚Œã¦ã„ã¾ã—ãŸãŒã€ä»Šå›žã¤ã„ã«æ£å¼ã«å·®ã—æ›ã‚ã‚‹ã“ã¨ã«ãªã£ãŸã‚ˆã†ã§ã™ã€‚ Sizzleã®ç›®æŒ‡ã™å§¿ãŒã€æ¬¡ã®ã‚ˆã†ã«ç«¯çš„ã«èªžã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ 最速拡張å¯èƒ½ã‚¹ã‚¿ãƒ³ãƒ‰ã‚¢ãƒãƒ³ ã“ã®ã†ã¡ã€æœ€åˆã«æŒ™ã’ãŸã€Œæœ€é€Ÿã€ã«ã¤ã„ã¦ã¯ã€ç‰¹ã«ä½¿ç”¨é »åº¦ã®é«˜ã„書å¼ã«ã¤ã„ã¦ã“ã ã‚ã£ã¦ã„ã¾ã™ã€‚CSS3ã«ã‚‚対応ã—ã€ã‹ãªã‚Šãƒžãƒ‹ã‚¢ãƒƒã‚¯ãªè¨˜è¿°ã‚‚ã§ãるよã†ã«ãªã£ã¦ã„ã¾ã™ãŒã€
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
jquery's jquery-compat-1.3 at master - GitHub
My Blog
{{#tags}}- {{label}}
{{/tags}}