[B! jQuery] k_37toã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

k_37to id:k_37to

jQueryã«é–¢ã™ã‚‹k_37toã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (126)

${{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ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ãƒ™ã‚¹ãƒˆãƒˆãƒ¬ãƒ³ãƒ‰ç·ã¾ã¨ã‚2010*ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹äººã®ãƒã‚¿å¸³
ã‚‚ã¯ã‚„ã“ã®æ¥ç•Œã§ã¯ã‹ãªã‚Šæµ¸é€ã—ã¤ã¤ã‚ã‚‹jQueryã€‚ ä»Šå›žã¯ãã‚“ãªjQueryã«ã‚¹ãƒãƒƒãƒˆã‚’å½“ã¦ã€æœ¬å¹´åº¦ç´¹ä»‹ã•ã‚ŒãŸä¸ã§ã‚‚ã€ãƒ›ãƒƒãƒˆãªãƒˆãƒ¬ãƒ³ãƒ‰ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ â€»ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¤ã‹ã£ã¦ãªã„ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚ ï¼‘ï¼‰3Dè¡¨ç¤ºãƒ—ãƒ©ã‚°ã‚¤ãƒ³ ã‚µãƒ³ãƒ—ãƒ«ãƒ‡ãƒ¢ ä»Šå¹´ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã¨è¨€ãˆã°3Dã€‚ ã¨ã„ã†ã‚ã‘ã§ã“ã¡ã‚‰ã€‚ã¾ãšã¯ã‚µãƒ³ãƒ—ãƒ«ãƒ‡ãƒ¢ã‚’ç¢ºèªã€‚ è§¦ã£ã¦ã‚ã‹ã‚‹é€šã‚Šã§ã™ãŒã€2æžšã®ç”»åƒãŒ3Dè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ å‘¼ã³å‡ºã™ $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;
k_37to 2010/12/15
jQuery

plugin

resources
ãƒªãƒ³ã‚¯
jQuery Presentation Plugin: Say NO to Keynote! | Viget
I think Iâ€™m going to stop using Keynote & Powerpoint forever. At Viget, we get the opportunity to present a topic to the rest of the company; we call them Lab Shares. This gives us all the chance to work on our presentation skills and to help educate others. Iâ€™m giving my presentation next week and will talk about CSS3 transf orms and transitions. Obviously, I will be providing a lot of code sample
k_37to 2010/04/01
jQuery

presentation

plugin
ãƒªãƒ³ã‚¯
jQuery ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®å®šç¾©ãƒ‘ã‚¿ãƒ¼ãƒ³ã«ã¤ã„ã¦èª¿ã¹ã¦ã¿ãŸ - Cyokodog :: Diary
jQuery ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®å®šç¾©æ‰‹æ³•ã«ã¤ã„ã¦ã¯ã€ã„ã‚ã„ã‚ãªè¨˜è¿°ã®ä»•æ–¹ãŒè€ƒãˆã‚‰ã‚Œã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ä»Šå›žã€å®Ÿéš›ã«å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ã‚½ãƒ¼ã‚¹ã‚’å‚ç…§ã—ã¦ã€ã©ã®ã‚ˆã†ãªå®šç¾©ãƒ‘ã‚¿ãƒ¼ãƒ³ãŒã‚ã‚‹ã®ã‹ã‚’èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ jQuery æ¨™æº– API ã®å®šç¾©æ§‹é€ ã®ãŠã•ã‚‰ã„ ã¾ãšã€jQuery ãŒæ¨™æº–ã§æä¾›ã—ã¦ã„ã‚‹å„ç¨® API ãŒã€ã©ã†ã®ã‚ˆã†ãªæ§‹é€ ã§å®šç¾©ã•ã‚Œã¦ã‚‹ã‹ãŠã•ã‚‰ã„ã—ã¦ã¿ã¾ã™ã€‚ $ ã‚„ jQuery ã¯ã‚°ãƒãƒ¼ãƒãƒ«å¤‰æ•°ã€ã¤ã¾ã‚Š window ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®ãƒ—ãƒãƒ‘ãƒ†ã‚£åã§ã‚ã‚Šã€ãã®å®Ÿä½“ã¯é–¢æ•°ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã§ã™ã€‚ window.$ = window.jQuery = function(){ ... } jQuery ãŒæä¾›ã™ã‚‹ API ã«ã¯ é–¢æ•° API ã¨ ãƒ¡ã‚½ãƒƒãƒ‰ API ãŒã‚ã‚Šã€é–¢æ•° API ã¯ jQuery é–¢æ•°ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆï¼ˆä»¥é™ jQuery ã‚»ãƒ¬ã‚¯ã‚¿ã¨è¨˜è¿°ã—ã¾ã™ï¼‰ãŒæŒã¤ã€é–¢æ•°ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®ã“ã¨ã‚’æŒ‡ã—ã¾ã™ã€‚ jQue
k_37to 2010/03/27
jQuery

plugin
ãƒªãƒ³ã‚¯
jQuery Plugin: Give Your Characters a NobleCount ï¿½ The Product Guy
In my quest to always help provide my clients free, cheap and easy to use tools, I have been on the lookout for a jQuery plugin that would provide the ability to: (1) provide non-delayed, real-time character counts, (2) enable easy to customize visual behaviors, and (3) permit event and DOM hooks for the savvy with more advanced character counting needs. While there are other similar tools out the
k_37to 2010/03/26
jquery

plugin

character

length
ãƒªãƒ³ã‚¯
BugsVoice - turn bugs into opportunities
Usage The basic usage will looks like: $("#calendarFilterBox").calendarPicker(); Of course you will probably need to do something with selected date. In this case the callback function will help you: var dateSelector; $(function(){ dateSelector=$("#calendarFilterBox").calendarPicker({callback:function(cal){ alert(cal.currentDate); }}); }); A function will allow to change the current date. For inst
k_37to 2010/03/26
jquery

calendar

plugin
ãƒªãƒ³ã‚¯
jQuery Spotlight
Introduction jQuery Spotlight is a jQuery plugin which allows you to highlight elements in your page using a 'spotlight' effect. This plugin is highly customizable and requires no external css or images. Options The full range of possible options (showing defaults) is as follows: $('div').spotlight({ opacity: .5, //spotlight opacity speed: 400, //animateion speed color: '#333', //spotlight colour
k_37to 2010/03/26
jQuery

highlight
ãƒªãƒ³ã‚¯
Pop! simple pop menus with jQuery
enjoy simple dropdown menus with pop!, an unobtrusive javascript plugin for jquery. Demo you can put anything you want in here! images, links, movies of your cats. you name it! you can even have several on the same page. hoorah! Usage Include the stylesheet, with any of your mods. <link href="/pop/stylesheets/pop.css" media="all" rel="stylesheet" type="text/css"/> Include jQuery and jquery.pop.js
k_37to 2010/03/24
jquery

popop

menu
ãƒªãƒ³ã‚¯
[JS]ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã¨ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’ç¹‹ã„ã§è‡ªç”±ã«å‹•ã‹ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -jsPlumb
ãƒ‡ãƒ¢ï¼š3 å‹•ä½œç¢ºèªæ¸ˆã¿ã®ãƒ–ãƒ©ã‚¦ã‚¶ã¯ã€ä¸‹è¨˜ã®é€šã‚Šã€‚ IE7/8 Fx3.5.8/3.6 Op10.5 Safari Chrome Canvaséžã‚µãƒãƒ¼ãƒˆã®IEç”¨ã«ExplorerCanvasã‚’ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚ jsPlumbã¯jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ãŸã‚ã€å®Ÿè£…ã«ã¯jquery.jsãŒå¿…è¦ã§ã™ã€‚
k_37to 2010/03/23
JavaScript

jQuery

pipe

canvas
ãƒªãƒ³ã‚¯
é«˜æ©Ÿèƒ½ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒjQueryã€ã¨ãã®Pluginã€ŒValidationã€ - ã™ãŽã‚ƒãƒ¼ã‚“ãƒ¡ãƒ¢
éžå¸¸ã«é«˜æ©Ÿèƒ½ã§ä¾¿åˆ©ãªJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ã—ã¦è©•åˆ¤ã®ã€ŒjQueryã€ã‚’ã¡ã‚‡ã£ã¨è§¦ã£ã¦ã¿ãŸã€‚ jQuery PluginãŒè±Šå¯Œã«å˜åœ¨ã™ã‚‹ã€ã¨ã„ã†ã®ã‚‚äººæ°—ã®ç†ç”±ã®ã‚ˆã†ã§ã€‚ formã®å…¥åŠ›ãƒã‚§ãƒƒã‚¯ã‚’ã—ã¦ãã‚Œã‚‹ã€ŒValidation Pluginã€ã¨ã„ã†ã‚‚ã®ã‚’ä½¿ã£ã¦è©¦ã—ã¦ã¿ãŸã€‚ bassistance.de Â» jQuery plugin: Validation å¿˜ã‚Œã¦ã—ã¾ã‚ãªã„ã†ã¡ã«ãƒ¡ãƒ¢ã£ã¦ãŠã“ã†ã€‚ æœ€ã‚‚ç°¡å˜ãªã‚µãƒ³ãƒ—ãƒ« ãã‚Œãžã‚Œä¸Šè¨˜ãƒªãƒ³ã‚¯ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ã€ã€Œjsã€ã¨ã„ã†ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã«æ”¾ã‚Šè¾¼ã‚“ã§ãŠã„ãŸã€‚ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>title</title> <script type="te
k_37to 2010/02/10
jQuery

validation

EFO
ãƒªãƒ³ã‚¯
ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ãƒ•ã‚©ãƒ¼ãƒ ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ jQuery.validation.js :: 5509
This domain may be for sale!
k_37to 2010/02/10
jQuery

validation

EFO
ãƒªãƒ³ã‚¯
[JS]jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³100é¸ -2009å¹´ç·é›†ç·¨
2009å¹´ã«ç´¹ä»‹ã—ãŸã‚‚ã®ã‚’ä¸å¿ƒã¨ã—ãŸjQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³100é¸ã§ã™ã€‚ ã‚«ãƒ«ãƒ¼ã‚»ãƒ«ãƒ»ãƒ‹ãƒ¥ãƒ¼ã‚¹ãƒ†ã‚£ãƒƒã‚«ãƒ¼é–¢é€£ ã‚®ãƒ£ãƒ©ãƒªãƒ¼ãƒ»ç”»åƒæ‹¡å¤§é–¢é€£ ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³é–¢é€£ ã‚¿ãƒ–é–¢é€£ ãƒ‘ãƒãƒ«ãƒ»ãƒœãƒƒã‚¯ã‚¹é–¢é€£ è§’ä¸¸é–¢é€£
k_37to 2009/12/19
JavaScript

jQuery

plugin

resources

2009
ãƒªãƒ³ã‚¯
QueryString å–å¾—ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ jquery.exQueryString.js ã‚’ä½œã£ã¦ã¿ãŸ - Cyokodog :: Diary
ã‚ã‚ŠãŒã¡ãªãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‹ãªã¨æ€ã„èª¿ã¹ãŸã¨ã“ã‚ jQuery ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€ã„ãã¤ã‹è¦‹ã¤ã‹ã‚Šã¾ã—ãŸã€‚ JavaScriptãƒ•ã‚¡ã‚¤ãƒ«ã«å¼•æ•°ã‚’æ¸¡ã™ - hail2u.net å¤–éƒ¨Javascriptã®srcå±žæ€§ã§ã€URLå¼•æ•°ã‚’å–å¾—ã™ã‚‹ - CSS-EBLOG JavaScriptãƒ•ã‚¡ã‚¤ãƒ«ã«å¼•æ•°ã‚’æ¸¡ã™ï¼ˆãªã‚‹ã»ã©ããƒ¼ï¼‰- NOBDY:PLACE ãŸã ä¸Šè¨˜ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®å ´åˆã€ script ã‚¿ã‚°ã® src ãƒ—ãƒãƒ‘ãƒ†ã‚£ã® QueryString ã®ã¿å–å¾—å¯ ãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ã®ç•°ãªã‚‹åŒä¸€ã‚¹ã‚¯ãƒªãƒ—ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã®èªã¿è¾¼ã¿ã¯éžå¯¾å¿œ ã¨ã„ã†åˆ¶ç´„ãŒã‚ã£ãŸã®ã§ã€ã“ã‚Œã‚‰ã®åˆ¶ç´„ã‚’ã‚¯ãƒªã‚¢ã—ãŸå®Ÿè£…ã‚’è€ƒãˆã¦ã¿ã¾ã—ãŸã€‚ ä½¿ç”¨ä¾‹ å¤–éƒ¨ script å®šç¾©ãƒ•ã‚¡ã‚¤ãƒ«ã‹ã‚‰è‡ªèº«ã® QueryString ã‚’å–å¾—ã™ã‚‹ è‡ªèº«ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆãƒ•ã‚¡ã‚¤ãƒ«åã‚’å¼•æ•°ã« $.ex.queryString() ãƒ¡ã‚½ãƒƒãƒ‰ã‚’å®Ÿè¡Œã™ã‚‹ã“ã¨ã§ json å½¢å¼ã® Q
k_37to 2009/10/24
JavaScript

jQuery

query

string
ãƒªãƒ³ã‚¯
jQuery ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’æ›¸ãã¨ãã®ãƒã‚¤ãƒ³ãƒˆ - higeorange's blog
input ã«äº‹å‰ã«å€¤ã‚’å…¥åŠ›ã—ã¦ãŠã - higeorange's blog ã‚’ä¾‹ã« jQuery ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ï¼ˆãƒ¡ã‚½ãƒƒãƒ‰è¿½åŠ ï¼‰æ›¸ãæ–¹ã®ãƒã‚¤ãƒ³ãƒˆã‚’æ›¸ã„ã¦è¦‹ã‚‹ã€‚ï¼ˆã‚ãã¾ã§ã‚‚ç§ã®æ›¸ãæ–¹ï¼‰ ãƒ¡ã‚½ãƒƒãƒ‰ã®è¿½åŠ æ³• (function($) { $.fn.[ãƒ¡ã‚½ãƒƒãƒ‰å] = function() {} })(jQuery) ã¨ã„ã†æ›¸ãæ–¹ã‚’ã—ã¦ã„ã‚‹ã‘ã©ã€ jQuery.fn.[ãƒ¡ã‚½ãƒƒãƒ‰å] = function() {} ã§ã‚‚ jQuery.fn.extend({ '[ãƒ¡ã‚½ãƒƒãƒ‰å]': function() {} }) ã§ã‚‚ã„ã‘ã‚‹ã®ã§å¥½ããªæ›¸ãæ–¹ã§ã€‚ ãƒ¡ã‚½ãƒƒãƒ‰ã®å¼•æ•° $.fn.preInput = function(txt, options) { var default_options = { class_name: 'pre-input' }; // options = $.merge(default_
k_37to 2009/03/03
jquery

plugin

writing

Tips
ãƒªãƒ³ã‚¯
æ¿€è«–: Prototype vs. jQuery
Spring Bootã«ã‚ˆã‚‹APIãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰æ§‹ç¯‰å®Ÿè·µã‚¬ã‚¤ãƒ‰ ç¬¬2ç‰ˆ ä½•åƒäººã‚‚ã®é–‹ç™ºè€…ãŒã€InfoQã®ãƒŸãƒ‹ãƒ–ãƒƒã‚¯ã€ŒPractical Guide to Building an API Back End with Spring Bootã€ã‹ã‚‰ã€Spring Bootã‚’ä½¿ã£ãŸREST APIæ§‹ç¯‰ã®åŸºç¤Žã‚’å¦ã‚“ã ã€‚ã“ã®æœ¬ã§ã¯ã€å‡ºç‰ˆæ™‚ã«æ–°ã—ããƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã‚ã‚‹ Spring Boot 2 ã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹ã€‚ã—ã‹ã—ã€Spring Boot3ãŒæœ€è¿‘ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã€é‡è¦ãªå¤‰...
k_37to 2009/02/19
prototype

jQuery
ãƒªãƒ³ã‚¯
Array ã‹ã©ã†ã‹ã‚’åˆ¤å®šã™ã‚‹ã„ãã¤ã‹ã®æ–¹æ³•ã«ã¤ã„ã¦ - latest log
ã“ã®æ—¥è¨˜ã¯ã”æŒ‡æ‘˜ã‚’å…ƒã«å†æ§‹æˆã—ãŸã‚‚ã®ã§ã™ã€‚ æ˜¨æ—¥ã®ç¶šãã§ã™ã€‚ jQuery1.3ã§ã€isArray ã‚„ isFunction ã®å‡¦ç†ãŒå·®ã—æ›¿ãˆã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ IE6ã§ç™ºç”Ÿã™ã‚‹ãƒ¡ãƒ¢ãƒªãƒªãƒ¼ã‚¯ã‚’å›žé¿ã™ã‚‹ãŸã‚ã®ã‚ˆã†ã§ã™ã€‚ isArray ã‚„ isFunction ãªã©ã¯åŸºæœ¬çš„ãªãƒã‚¸ãƒƒã‚¯ã§ã‚ã‚Šã€ã‹ã¤jQueryã¯ãƒ–ãƒ©ã‚¦ã‚¶ã‚’æ„è˜ã—ãŸã‚³ãƒ¼ãƒ‰ã®åˆ‡ã‚Šåˆ†ã‘ã‚’è¡Œã£ã¦ã„ãªã„ã®ã§ã€é€Ÿåº¦ãŒæ°—ãŒã‹ã‚Šã§ã™ã€‚ TEST IE6 IE8 Firefox3 Firefox3.1(JIT) Safari3 Chrome1(JIT) Opera10Î± Array#Object.prototype.toString.call 2609 1311 878 947 2063 822 1719 notArray#Object.prototype.toString.call 2672 1872 1642 923 1953 366 2016
k_37to 2009/01/28
jQuery

1.3
ãƒªãƒ³ã‚¯
jQuery1.3 ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦ã¾ã™ã€‚ - latest log
ã“ã®æ—¥è¨˜ã¯ã”æŒ‡æ‘˜ã‚’å…ƒã«å†æ§‹æˆã—ãŸã‚‚ã®ã§ã™ã€‚ ã–ã£ã¨è¦‹ã¾ã—ãŸã€‚ 1.3Î²1ã®ãƒã‚°ãŒã„ãã¤ã‹ä¿®æ£ã•ã‚Œã¦ã„ã¾ã™ã€‚ ID,CLASSã‚»ãƒ¬ã‚¯ã‚¿ã®UNICODEåˆ¤å®šã§16é€²æ•°ã¨10é€²æ•°ã®å‹˜é•ã„ ä¿®æ£å‰: /#((?:[\w\u0128-\uFFFF_-]|\\.)+)/, ä¿®æ£å¾Œ: /#((?:[\w\u00c0-\uFFFF_-]|\\.)+)/, uFFFE ã€œ uFFFF ã¯ UCS-2(UTF-16)ã®BOMã¨ã—ã¦ã‚‚ç”¨ã„ã‚‰ã‚Œã‚‹ãŸã‚ã€åˆ©ç”¨ã§ãã‚‹ã‚³ãƒ¼ãƒ‰ãƒã‚¤ãƒ³ãƒˆã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚uFFEE ã¨ã—ã¦ãŠãã®ãŒç„¡é›£ã§ã™ã€‚ [-] ã¯ [\-] ã£ã¦ã‚¨ã‚¹ã‚±ãƒ¼ãƒ—ã—ãªãã¦ã‚‚ã†ã”ãã‚ˆã†ã§ã™ãŒã€ç›´ã—ãŸã»ã†ãŒã‚ˆã„ã§ã—ã‚‡ã†ã€‚ id:murky-satyr ã•ã‚“ã‹ã‚‰ã®ãƒ–ã‚¯ãƒžã‚³ãƒ¡ãƒ³ãƒˆã§ "ã‚¨ã‚¹ã‚±ãƒ¼ãƒ—ã—ãªãã¦ã‚‚ãŸã¾ãŸã¾å‹•ã" â† ä»•æ§˜ä¸Š(ECMA-262)å•é¡Œãªã„ã®ã§ã€ŒãŸã¾ãŸã¾ã€ã§ãªãæ™®é€šã«å‹•ã ã¯ã„ã€‚ç§ãŒé–“é•ã£ã¦ã¾ã—ãŸ(å‹˜é•
k_37to 2009/01/28
jQuery

1.3
ãƒªãƒ³ã‚¯
jQuery ã§ã‚µã‚¤ã‚ºã‚„ä½ç½®ã‚’å–å¾—ã™ã‚‹æ–¹æ³•ã‚’å›³ã«ã—ã¦ã¿ãŸ - Cyokodog :: Diary
æ›´æ–°å±¥æ´ 2010-01-21 æœ¬ã‚¨ãƒ³ãƒˆãƒªã®å†…å®¹ã‚‚å«ã‚ãŸæœ€æ–°ã®æƒ…å ±ã¯ä¸‹è¨˜ã‚¨ãƒ³ãƒˆãƒªã‚’ã”å‚ç…§ãã ã•ã„ã€‚ jQuery ã®ä½ç½®ãƒ»ã‚µã‚¤ã‚ºé–¢é€£ãƒ¡ã‚½ãƒƒãƒ‰ã¾ã¨ã‚ - Cyokodog::Diary ã‚µã‚¤ã‚ºã®å–å¾— ç…©é›‘ã«ãªã‚‹ã®ã§ height ã®è¨˜è¿°ã—ã‹ã‚ã‚Šã¾ã›ã‚“ãŒã€width ã«ç½®ãæ›ãˆã‚Œã°å¹…ã‚‚ã¨ã‚Œã¾ã™ã€‚ æ™®é€šã®ãƒœãƒƒã‚¯ã‚¹è¦ç´ height() ãƒ¡ã‚½ãƒƒãƒ‰ã§å–å¾—ã§ãã‚‹å€¤ã«ã¯ã€padding ã‚„ border ã®åˆ†ã®é«˜ã•ã‚’å«ã¿ã¾ã›ã‚“ã€‚ CSS ã® height ã¨åŒã˜ãªã®ã§ã€css('height')ãƒ¡ã‚½ãƒƒãƒ‰ã§å–å¾—ã—ã¦ã‚‚ã‚ˆã•ãã†ã§ã™ãŒã€ã“ã¡ã‚‰ã®å ´åˆãƒ–ãƒ©ã‚¦ã‚¶ã®ç¨®é¡žã‚„ CSS ã®å®šç¾©ã®ä»•æ–¹ã§å–å¾—ã•ã‚Œã‚‹å€¤ãŒç•°ãªã‚‹ï¼ˆã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ã¨ã—ã¦ã®æ©Ÿèƒ½ãŒå®Œå…¨ã§ãªã„ï¼‰ã®ã§ã€ç´”ç²‹ã« px å˜ä½ã®é«˜ã•ã‚’å–å¾—ã—ãŸã„å ´åˆã¯ height() ãƒ¡ã‚½ãƒƒãƒ‰ã‚’ä½¿ç”¨ã—ãŸæ–¹ãŒç„¡é›£ã§ã™ã€‚ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ä»˜ããƒœãƒƒã‚¯ã‚¹è¦ç´ clientHeight ã«ã¯
k_37to 2008/12/25
jQuery

height

width

position
ãƒªãƒ³ã‚¯
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ä»¥å¤–ã‚‚æ¸¡ã›ã‚‹ãŸ
k_37to 2008/12/25
jQuery
ãƒªãƒ³ã‚¯
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(){
k_37to 2008/12/20
jquery

css

selector

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
k_37to 2008/12/05
jQuery

Tips
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 æ¬¡ã®ãƒšãƒ¼ã‚¸