jquery ๊ธฐ์ดˆ

2023. 7. 27. 19:48ใ†jquery

jquery?

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ

์—˜๋ฆฌ๋จผํŠธ๋ฅผ ์„ ํƒํ•˜๋Š” ๋ฐฉ๋ฒ•

์„ ํƒ๋œ ์—˜๋ฆฌ๋จผํŠธ๋“ค์„ ํšจ์œจ์ ์œผ๋กœ ์ œ์–ดํ•  ์ˆ˜ ์žˆ๋Š” ๋‹ค์–‘ํ•œ ์ˆ˜๋‹จ ์ œ๊ณต

 

๋ฌธ๋ฒ• : 

$('์ œ์–ด๋Œ€์ƒ').method1().method2();
//์ฃผ์–ด       .์„œ์ˆ ์–ด   .์„œ์ˆ ์–ด

. ์œผ๋กœ ์—ฐ๊ฒฐํ•˜์—ฌ ์—ฌ๋Ÿฌ๊ฐœ์˜ ๋ฉ”์†Œ๋“œ ์ œ์–ด ๊ฐ€๋Šฅ > chain ์†์„ฑ

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

	<div class="welcome"></div>
	<div class="welcome"></div>
	
</body>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript">
		//welcome์ด๋ผ๋Š” ํด๋ž˜์Šค๋ช…์„ ๊ฐ€์ง„ ๊ฒƒ์„ ์„ ํƒ 
        $('.welcome').html('hello world! coding everybody!').css('background-color','yellow');
        				//.์œผ๋กœ ์—ฎ์–ด์„œ ํ•ด๋‹น ์š”์†Œ ์ œ์–ด ๊ฐ€๋Šฅ >>  chain์ด๋ผ๊ณ  ํ•จ
</script>
</html>

welcome์ด๋ผ๋Š” ํด๋ž˜์Šค๋ช…์„ ๊ฐ€์ง„ ์š”์†Œ๋ฅผ ์„ ํƒํ•˜์—ฌ html ์ถ”๊ฐ€ ๋ฐ css ์ œ์–ด

 

์ €์ž‘์žํ‘œ์‹œ

'jquery' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

Mainpulation(์—˜๋ฆฌ๋จผํŠธ ์ œ์–ด)  (0) 2023.07.28
event  (0) 2023.07.28
Chain  (0) 2023.07.27
์„ ํƒ์ž  (0) 2023.07.27
wrapper  (0) 2023.07.27

๊ด€๋ จ๊ธ€

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”