ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo
How to Win the Heart of CSS Boys
twitter: @hiloki
Blog: inkdesign.jp
Hiroki Tani
JavaScript HTML/CSSB
$('.setting-profile .save-button')	
	 .on('click', function(e){	
	 	 ... 	
});
S
T
<div class="setting-profile">	
...	
<button class="save-button">	
Save!	
</button>	
</div>
<div class="profile">	
...	
<button class="profile__save-button">	
Save!	
</button>	
</div>	
S
T
$('.js-save-profile')	
	 .on('click', function(e){	
	 	 ... 	
});
Q
B
.js-save-profile {	
...	
}
R
c
.js-save-profile {	
...	
}
<div class="setting-profile">	
...	
<button class="save-button js-save-profile">	
Save!	
</button>	
</div>
<div class="profile">	
...	
<button class="profile__save-button	
	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 js-save-profile">	
Save!	
</button>	
</div>	
Q
B
$('.js-close').on('click', function(){	
	 	 $(this).parent().parent().parent()	
	 	 	 .hide();	
});
S
T
$('.js-close').on('click', function(){	
	 	 $(this).closest('.js-container')	
.hide();	
});
Q
B
$('.register-button').css({	
'opacity': '0.5',	
¡®background-color': '#ccc'	
});
S
T
$('.register-button')	
.addClass(¡®is-disabled');
Q
B
B9
Thanks
Z
twitter: @hiloki
Blog: inkdesign.jp
Hiroki Tani
Cover Photo: www.flickr.com/photos/25969014@N06/6930963721/

More Related Content