*jQueryObject ํจ์
*CSSํจ์
: selector๋ก ์ ํ๋ ๋์์ StyleSheet๋ฅผ ์ค์
- css()
-์ ํ๋ ๋์์ ์์ฑ ๊ฐ์ ์ป์ ๋
var value=$(“selector”).css(“CSS์์ฑ๋ช
”);
-์ ํ๋ ๋์์ ์์ฑ ๊ฐ ํ๋๋ฅผ ์ค์ ํ ๋
$(“selector”).css(“์ถ๊ฐํ ์์ฑ๋ช
”, “์์ฑ๊ฐ”);
- addClass()
- style์ ์ ์๋ class๋ฅผ ์ ํ๋ ๋์์ ์ ์ฉ์ํฌ ๋
$(“selector”).addClass(“์ฌ์ฉํ class๋ช
”); // <style>์ ์ ์๋์ด์์
- removeClass()
- ์ ํ๋ ๋์์ ๋ถ์ฌ๋ class ์์ฑ์ ์ญ์ ํ ๋
$(“selector”).removeClass(“์ ๊ฑฐํ class๋ช
”);
*eventsํจ์
๋ฌธ๋ฒ)
$(“selector”).์ด๋ฒคํธํจ์(function(){
์ด๋ฒคํธ๊ฐ ๋ฐ์ํ์ ๋ ์ ๊ณตํ ์ฝ๋…
} );
-click : ๋ชจ๋ ํ๊ทธ์ ์ ์ฉํ ์ ์์
$(“selector”).click(function(){
ํด๋ฆญ๋์์ ๋ ์ ๊ณตํ ์ฝ๋
});
-change : ํค ์ ๋ ฅ์ด ๊ฐ๋ฅํ Form Control, <select>
$(“selector”).change(function(){
});
*effectํจ์
- ํน์ ๋์์ ์จ๊ธธ ๋
$(“selector”).hide();
- ํน์ ๋์์ ๋ณด์ฌ์ค ๋
$(“selector”).show();
- ๋์์ ์ํ ๋ฐ์ ( ์จ๊น-> ๋ณด์, ๋ณด์->์จ๊น)
$(“selector”).toggle();
*HTML Form Control
-๊ฐ ์ป๊ธฐ
var value=$(“selector”).val();
-๊ฐ ์ค์
$(“selector”).val( ๊ฐ )
- ์ปค์ ์์ฒญ
$(“selector”).focus();
- focusin : ์ปค์๋ฅผ ๊ฐ์ก์ ๋
$(“selector”).focusin( function() {
์ปค์๊ฐ ๋ค์ด์์ ๋ ์ฒ๋ฆฌํ ์ฝ๋
});
- focusout : ์ปค์๊ฐ ๋น ์ ธ๋๊ฐ์ ๋
$(“selector”).focusout( function() {
์ปค์๊ฐ ๋น ์ ธ๋๊ฐ์ ๋ ์ฒ๋ฆฌํ ์ฝ๋
});