[B! tips][jquery] wozozoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

wozozo id:wozozo

tipsã¨jqueryã«é–¢ã™ã‚‹wozozoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ç´°ã‹ã™ãŽã¦ä¼ã‚ã‚‰ãªã„jQueryã®æ©Ÿèƒ½5é¸ - KAYAC Engineers' Blog
å®Ÿã¯æŠ€è¡“éƒ¨ã§ã¯ãªãã€æ¼”å‡ºéƒ¨æ‰€å±žã®agoã§ã™ã€‚ å…ˆæ—¥jQuery 1.3.2ã®ã‚½ãƒ¼ã‚¹ã‚’èªã‚€æ©Ÿä¼šãŒã‚ã‚Šã€ãã®ã¨ãã„ãã¤ã‹æ°—ã¥ã„ãŸã“ã¨ãŒã‚ã£ãŸã®ã§ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ 1 .addClass, removeClassã¯ã‚¹ãƒšãƒ¼ã‚¹åŒºåˆ‡ã‚Šã§è¤‡æ•°ã®classã‚’æ¸¡ã›ã‚‹ .addClass, removeClassã«ã¯ã‚¹ãƒšãƒ¼ã‚¹åŒºåˆ‡ã‚Šã§è¤‡æ•°ã®class nameãŒæ¸¡ã›ã¾ã™ã€‚ //classã®é †ç•ªã¯ä¿æŒã—ã¾ã™ã€‚ //<div class="hoge gege">ãŒã‚ã£ãŸå ´åˆã€<div class="hoge gege huga">ã«ãªã‚Šã¾ã™ã€‚ $('div').addClass('hoge huga'); //<div class="hoge gege huga">ãŒã‚ã£ãŸå ´åˆã€<div class="gege">ã«ãªã‚Šã¾ã™ã€‚ $('div').removeClass('hoge huga'); ãŸã ã—ã€hasC
wozozo 2009/08/15
jquery

tips
ãƒªãƒ³ã‚¯
jQueryã‚’ä½¿ã†ã¨ãã«æ°—ã‚’ã¤ã‘ã‚‹ã¹ã8ã®ãƒã‚¤ãƒ³ãƒˆ : tech.kayac.com - KAYAC engineers' blog
DAHONã®Boardwalkã‚’ä¿®ç†ã—ã‚ˆã†ã¨ã—ã¦ãŠã‚‚ã„ã£ãã‚Šå£Šã—ã¦ã—ã¾ã„ã¾ã—ãŸã€‚agoã§ã™ã€‚ æ™®æ®µã¯jQueryã‚’ãƒ¡ã‚¤ãƒ³ã§ä½¿ç”¨ã—ã¦ã„ã‚‹ã®ã§ã™ãŒã€ä½¿ã£ã¦ã„ã¦ã„ãã¤ã‹æ³¨æ„ã™ã¹ãç‚¹ãŒã‚ã£ãŸã®ã§ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ï¼ˆä¸€éƒ¨jQueryã§ã¯ãªãã€DOMã®ä»•æ§˜ä¸Šã®åˆ¶é™ã‚‚å«ã¾ã‚Œã¦ã„ã¾ã™ï¼‰ 1 $().filterã«stringä»¥å¤–ã®ã‚‚ã®ã‚’æ¸¡ã™ã¨ã‚¨ãƒ©ãƒ¼ 1.4ç³»ã§ã¯ä¿®æ£ã•ã‚Œã¦ã„ã¾ã—ãŸ $().findã‚„$().notã¯å¤§ä¸ˆå¤«ã§ã™ãŒã€$().filterã®å ´åˆå¼•æ•°ã«jQuery objectã‚„é…åˆ—ã€html elementãªã©ã‚’æ¸¡ã™ã¨ã‚¨ãƒ©ãƒ¼ã«ãªã‚Šã¾ã™ã€‚ ï¼ˆãŸã¨ãˆã°jQuery objectã‚’æ¸¡ã—ãŸå ´åˆã€Firefoxã§ã¯ã€ŒTypeError: t.substring is not a functionã€ã¨ã„ã†ã‚¨ãƒ©ãƒ¼ãŒç™ºç”Ÿã—ã¾ã™ï¼‰ ç¢ºèªã™ã‚‹ ã¡ãªã¿ã«ã€$().findã‚„$().notã¯stringä»¥å¤–ã‚‚æ¸¡ã›ã‚‹ãŸ
wozozo 2008/12/17
jquery

tips
ãƒªãƒ³ã‚¯
jQuery ã‚’é«˜é€Ÿã«ä½¿ã† CSS ã‚»ãƒ¬ã‚¯ã‚¿ã®æ›¸ãæ–¹ - ã¦ã£ãç…®ãƒ–ãƒã‚°
JavaScriptjQuery ã¯ CSS ã‚»ãƒ¬ã‚¯ã‚¿ã§è¦ç´ ã‚’é¸ã‚“ã§å‡¦ç†ã§ãã‚‹ã®ãŒé…åŠ›çš„ã§ã™ãã€‚ãã‚“ãª jQuery ã§ã™ãŒã€CSS ã‚»ãƒ¬ã‚¯ã‚¿ã®æ›¸ãæ–¹æ¬¡ç¬¬ã§é€Ÿåº¦ãŒå¤§å¹…ã«å¤‰ã‚ã£ã¦ãã¾ã™ã€‚ã“ã“ã§ã¯ jQuery ã®å†…éƒ¨å‡¦ç†ã‚’ç–‘ä¼¼ã‚³ãƒ¼ãƒ‰ã§ç¤ºã—ã¤ã¤ã€jQuery ã‚’é«˜é€Ÿã«ä½¿ã†ãŸã‚ã®ãƒã‚¤ãƒ³ãƒˆã‚’ï¼•ã¤ã«çµžã£ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ä½•åº¦ã‚‚åŒã˜ã‚»ãƒ¬ã‚¯ã‚¿ã‚’å®Ÿè¡Œã—ãªã„ã‚¯ãƒ©ã‚¹ã ã‘ã‚’æŒ‡å®šã™ã‚‹ã®ã¯ç¦æ¢#id ã‚’ç©æ¥µçš„ã«ä½¿ã†é€”ä¸ã¾ã§ã®çµæžœã‚’å†åˆ©ç”¨ã™ã‚‹åä¾›ã‚»ãƒ¬ã‚¯ã‚¿(>)ã‚’ä½¿ã†ã¨é€Ÿããªã‚‹ã“ã¨ãŒã‚ã‚‹â€» ã“ã®è¨˜äº‹ã¯ jQuery 1.2.6 ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’å…ƒã«è¨˜è¿°ã—ã¦ã„ã¾ã™1. ä½•åº¦ã‚‚åŒã˜ã‚»ãƒ¬ã‚¯ã‚¿ã‚’å®Ÿè¡Œã—ãªã„æ”¹å–„å‰ // ä¾‹é¡Œ 1 $("div.foo").addClass("bar"); $("div.foo").css("background", "#ffffff"); $("div.foo").click(function(){
wozozo 2008/12/14
tips

jquery

performance
ãƒªãƒ³ã‚¯
jQueryã®eachãƒ¡ã‚½ãƒƒãƒ‰ã®é€† - mtoyoshié–‹ç™ºãƒ¡ãƒ¢
$('#sel').children(':selected').each(function(){ å‡¦ç† }); ã£ã¦ã‚„ã‚‹ã¨ã€è¤‡æ•°ã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãŒå–å¾—ã§ãã¦ã„ã‚‹å ´åˆã€å–å¾—é †ã«ãã‚‹ãã‚‹å›žã‚‹ã‚ã‘ã§ã™ãŒã“ã‚Œã‚’é€†å‘ãã«å›žã—ãŸã„ã€‚ æ™®é€šã®foræ–‡ãªã‚‰ for(var i=ary.length-1; i>=0; i--) { } ã“ã‚“ãªæ„Ÿã˜ã§é€†ã‹ã‚‰å›žã—ã¦ã„ã‘ã°ã„ã„ã‘ã©jQueryã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®å ´åˆã©ã†ã‚„ã‚‹ã‚“ã ã‚ã†ã£ã¦ã„ã†ã®ãŒç–‘å•ã ã£ãŸã€‚ jQueryã§ã¯ã€è¤‡æ•°ã®å€¤ãŒå–å¾—ã§ããŸã¨ã—ã¦ã‚‚ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã¨ã—ã¦ã¯1ã¤ãªã®ã§ã€ãã†ã„ã†ãƒ¡ã‚½ãƒƒãƒ‰ãŒã‚ã‚‹ã‚“ã ã‚ã†ã¨eachã®é€†ã«è©²å½“ã™ã‚‹ãƒ¡ã‚½ãƒƒãƒ‰ã‚’æŽ¢ã™ã‚‚è¦‹ã¤ã‹ã‚‰ãšã€‚ ã¨ã‚ã‚‹ã¨ã“ã‚ã§æ•™ãˆã¦ã‚‚ã‚‰ã„ã¾ã—ãŸã€‚ $($('#sel').children(':selected').get().reverse()).each(function(){ å‡¦ç† }); getãƒ¡ã‚½ãƒƒãƒ‰ã§ã„ã£ãŸã‚“
wozozo 2008/12/10
jquery

tips
ãƒªãƒ³ã‚¯
jQuery ã®é…åˆ—ç³»ã®ãƒ¡ã‚½ãƒƒãƒ‰ã‚’ãƒ¡ãƒ¢ - ã¦ã£ãç…®ãƒ–ãƒã‚°
JavaScriptjQuery ã¯æ©Ÿèƒ½ãŒè±Šå¯Œãªã®ã§ã€ã—ã°ã‚‰ãä½¿ã‚ãªã„ã¨å¿˜ã‚Œã¦ã—ã¾ã†ã€‚ã“ã“ã§ã¯ã€jQuery ã¨é…åˆ—ã®é–¢ä¿‚ã«çµžã£ã¦ç›®çš„åˆ¥ã«é€†å¼•ãã§ãã‚‹ã‚ˆã†ã«ã—ã¦ãŠãã€‚é…åˆ—ã‹ã‚‰ jQuery ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’ä½œæˆ$ é–¢æ•°ã«æ¸¡ã›ã°OK $([1,2,3]) NodeList ã®ã‚ˆã†ãªé…åˆ—ã£ã½ã„ã‚‚ã®ã‚’æ¸¡ã—ã¦ã‚‚è§£é‡ˆã—ã¦ãã‚Œã‚‹ã€‚ $(document.getElementsByTagName("div")) // $("div") ã¨åŒã˜ â€»å†…éƒ¨çš„ã«ã¯ setArray ãƒ¡ã‚½ãƒƒãƒ‰ãŒå‘¼ã°ã‚Œã¦ã‚‹ãŒã€å¤–ã‹ã‚‰ä½¿ã†ã“ã¨ã¯ç¨€ã€‚jQuery ã‚’é…åˆ—ã®ã‚ˆã†ã«æ‰±ã†è¦ç´ æ•°ã‚’å–å¾—ã™ã‚‹length ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’ä½¿ãˆã°OKã€‚ $("div").length // document.getElementsByTagName("div").length ã¨åŒã˜ jQuery ã®ãƒ¡ã‚½ãƒƒãƒ‰ã‚’ä½¿ã£ã¦æ“ä½œã™ã‚‹é™ã‚Šã¯ã€é©åˆ‡ã« length
wozozo 2008/11/24
jquery

tips
ãƒªãƒ³ã‚¯
jQueryè¶…åˆå¿ƒè€…ã«ã‚ã‚ŠãŒã¡ãª6ã¤ã®é–“é•ã„ - ã‚ã˜ã‚ƒã±ãƒ¼
ã“ã®ç„¡é§„ã«ã‚²ãƒ¼ãƒ ã—ã¦éŽã”ã—ãŸæ™‚é–“ã‚’å‹‰å¼·ã«å……ã¦ãŸã‚‰ä¸å›½èªžã‚‚ãƒšãƒ©ãƒšãƒ©ã«ãªã‚‹ã‚“ã˜ã‚ƒãï½žã®ï¼ã¨æ€ã£ãŸã®ã§1å¹´é–“ã‚„ã£ãŸ ã„ã¤ã‚‚å¿ƒã«è°¢è°¢æ‚¨â€¦â€¦ï¼ˆè‘±æŠ“é¤…ã®è¢‹ã‚ˆã‚Šï¼‰ ãªã‚“ã¨ãªãä¸å›½èªžã‚’ã‚„ã£ã¦ã¿ã‚‹ã‹ã€ã¨æ€ã„ç«‹ã£ãŸã®ãŒç¢ºã‹2021å†¬ãã‚‰ã„ãªã‚“ã ã‘ã©ã€ç‹¬å¦ã§å‹‰å¼·ã‚’å§‹ã‚ã¦æ¦‚ãï¼‘å¹´ã§HSK3ç´šï¼ˆä½“æ„Ÿã ã¨ä¸å¦è‹±èªžãã‚‰ã„ã®ãƒ¬ãƒ™ãƒ«ï¼‰ã«åˆæ ¼ã—ãŸã®ã§ãã®è©±ã‚’æ›¸ãã¾ï½žã™ã€‚ æœ€åˆã«æ›¸ã„ã¡ã‚ƒã†ã¨ã€åˆæ ¼ã¾ã§ã«ãƒ¡â€¦
wozozo 2007/09/29
jquery

tips
ãƒªãƒ³ã‚¯
1