jQuery 讎りヲ

險ュ螳

Download

蜈ャ蠑上し繧、繝
1.X邉サシ唔E8莉・蜑阪ヶ繝ゥ繧ヲ繧カ螳牙ョ夂ィシ蜒榊髄縺
2.X邉サシ唔E8莉・髯阪ヶ繝ゥ繧ヲ繧カ鬮倬溽ィシ蜒榊髄縺

jQuery繝ゥ繧、繝悶Λ繝ェ隱ュ縺ソ霎シ縺ソ

繝ュ繝シ繧ォ繝ォ繝輔ぃ繧、繝ォ蜿らァ
<script src="jquery/js/jquery-1.9.1.js"></script>
<script src="jquery/js/jquery-ui-1.10.3.custom.js"></script>
WEB蜿らァ
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"
></script>
蝨ァ邵ョ迚
ス.min.js

險倩ソー繝ォ繝シ繝ォ

JavaScript

螳滓九ッJavaScript繝ゥ繧、繝悶Λ繝ェ縲
JavaScript縺ッhtml縲々ML縺ョ蜷隕∫エ縺ク繧「繧ッ繧サ繧ケ縺ァ縺阪k莉墓ァ倥↑縺ョ縺ァ縲
jQuery縺ァ繧ょ酔讒倥ョ莠九′蜿ッ閭ス縲
JavaScript縺ェ縺ョ縺ァ<script>繧ソ繧ー蜀縺ォ譖ク縺
<script type="text/javascript">
縲縲jQuery繝励Ο繧ー繝ゥ繝
</script>

jQuery髢「謨ー($)

jQuery();髢「謨ー縺ョ蠑墓焚蜀縺ォ譖ク縺
jQuery(function(){
縲縲jQuery("#test").html("aaa");
});
縲桂Query縲坂偵$縲阪∈逵∫払縺励※譖ク縺上ョ縺御ク闊ャ逧
$(function(){
縲縲$("#test").html("aaa");
});
窶サ縺溘□縺励$縲阪ッprototype.js遲峨ョ繝ゥ繧、繝悶Λ繝ェ縺ィ縺ッ荳邱偵↓菴ソ縺医↑縺縲

隱ュ縺ソ霎シ縺ソ螳御コ譎ゅ↓螳溯。後&縺帙k蜃ヲ逅

DOM縺ョ隱ュ縺ソ霎シ縺ソ縺悟ョ御コ縺励※縺九ijQuery繧貞ョ溯。後☆繧
$(document).ready(function(){
縲縲ス
});
窶サ豁」蠑上↑譖ク縺肴婿
縲竊
$(function(){
縲縲ス
});
窶サ逵∫払邉サ(荳闊ャ逧)

逕サ蜒上ョ隱ュ縺ソ霎シ縺ソ縺悟ョ御コ縺励※縺九ijQuery繧貞ョ溯。後☆繧
$(window).("load" , function(){
縲縲ス
});

css

css繧呈桃菴懊☆繧句エ蜷医ッhtml縺ィ譖ク縺肴婿縺檎焚縺ェ繧九ョ縺ァ豕ィ諢
css
<style>
縲縲#test {
縲縲縲縲background-posision: left -50px;
縲縲縲縲color: 'red';
縲縲}
</style>
jQuery
$(ス).attr({
縲縲'backgroundPosision' : 'left -50px' ,
縲縲'color' : 'red'
});
縲-縲阪r辟。縺上@縲∝磯ュ繧偵悟、ァ譁蟄励阪∝、繧偵''縲阪〒蝗イ繧
隍謨ー縺ョ蛟、繧定ィュ螳壹☆繧句エ蜷医ッ縲,縲阪〒郢九$縲

繧ウ繝シ繝ォ繝舌ャ繧ッ髢「謨ー

髢「謨ー縺ョ蠑墓焚縺ォ蛻・縺ョ髢「謨ー繧呈ク。縺吩コ九〒縲
シ代▽逶ョ縺ョ髢「謨ー螳溯。悟セ後↓縲∝シ墓焚縺ァ貂。縺励◆髢「謨ー繧貞ョ溯。後&縺帙k蜃ヲ逅
(荳九ョ萓九〒縺ッ縲∝シ墓焚縺ァ貂。縺咎未謨ー縺ォ辟。蜷埼未謨ーシ喃unction(){ス栲繧呈欠螳壹@縺ヲ縺繧)
$('#gotop').on('mouseover' , function(){
縲縲$(this).css({
縲縲縲縲color: 'left -50px';
縲縲});
});
窶サ繝槭え繧ケ繧ェ繝シ繝舌シ蜃ヲ逅縺ォ辟。蜷埼未謨ー繧貞ョ溯。

$(ス).fadeOut(500, function(){
縲縲ス
});
窶サfadeOut螳御コ縺ョ0.5遘貞セ後↓辟。蜷埼未謨ー繧貞ョ溯。

繧サ繝ャ繧ッ繧ソ

CSS縺ァ菴ソ逕ィ縺ァ縺阪k繧サ繝ャ繧ッ繧ソ縺ッjQuery縺ァ繧ょ酔讒倥↓菴ソ逕ィ縺ァ縺阪k縲
CSS繧サ繝ャ繧ッ繧ソ蜿らァ

繝輔ぅ繝ォ繧ソ繝シ(jQuery迢ャ閾ェ縺ョ繧サ繝ャ繧ッ繧ソ)

jQuery 繝輔ぅ繝ォ繧ソ(jQuery迢ャ閾ェ縺ョ繧サ繝ャ繧ッ繧ソ)縲榊盾辣ァ
jQuery 繝輔ぅ繝ォ繧ソ繝ェ繝ウ繧ー縲榊盾辣ァ

繧、繝吶Φ繝

jQuery 繧、繝吶Φ繝縲榊盾辣ァ

Follow me!

谺。縺ョ險倅コ

jQuery逕ィ 繧サ繝ャ繧ッ繧ソ