๋ฐ์ํ
1. jquery๋ฅผ ์ด์ฉํด์ <body>์์ ์์ css๋ฅผ ๋ณ๊ฒฝํ๊ธฐ
jquery๋ก h2ํ๊ทธ์ ์๊น ๋ณ๊ฒฝ
๋ชจ๋ h2ํ๊ทธ์ ์๊น์ด blue๋ก ๋ณ๊ฒฝ๋จ
ํ๋์ฉ ๋ฐ๊พธ๊ณ ์ถ๋ค๋ฉด h2ํ๊ทธ์ id๋ class๋ฅผ ๋ถ์ฌํ๋ค ์ ํ์๋ก jquery์์ ์ง์ ํ๋ฉด ๋จ
์ ํ์ : ํ๋ฉด์ ๋ง๋ค์ด์ ธ ์๋ ์์์ ์ ๊ทผํ๋ ๋ฐฉ๋ฒ
โ * : ์ ์ฒด
โ ํ๊ทธ๋ช : ํ๊ทธ
โ # : ์์ด๋
โ . : ํด๋์ค
2. jsp์์ ์ฌ์ฉํ๋ ์์ฑ์ jquery์์๋ ์ฌ์ฉํ๊ธฐ
inputํ๊ทธ์ value์์ฑ์ jquery์์ ์ฌ์ฉํ๋ ค๋ฉด
์์ฑํ์ ์ ํ์
ํ๊ทธ[์์ฑ=๊ฐ]
ํ๊ทธ[์์ฑ^๊ฐ] : ์์๊ฐ
ํ๊ทธ[์์ฑ$๊ฐ] : ๋๊ฐ
3. tableํ๊ทธ jaquery์์ ์ฌ์ฉํ๊ธฐ
body ์์ ํ๋ฅผ ๋ง๋ค์ด ์ค๋ค, trํ๊ทธ์ "t1"์ด๋ผ๋ id๋ฅผ ์ค์ ํด์ค๋ค.
3-1. ํ ์ด๋ธ์ ๋ฐฐ๊ฒฝ์ ๋ณ๊ฒฝํ๊ธฐ
๊ธ์์ ๋ฐ๊พธ๋ ๊ฒ๊ณผ ๊ฐ์ color์์ background๋ก ๋ณ๊ฒฝ
์์ rgb์์ํ์์ ์ฌ์ฉ
์์นํ์ ์ ํ์
first(์ฒ์) / last(๋)
odd(ํ์) / even(์ง์)
* t1์ ๋ฐฐ๊ฒฝ์ orange๋ก ๋ณ๊ฒฝํ๊ธฐ
- t1์ id์ด๋ฏ๋ก #์ ํ์ ์ฌ์ฉ
- t1์ ์ฒซ๋ฒ์งธ tr์ด๋ฏ๋ก first์์นํ์ ์ ํ์๋ ์ฌ์ฉ๊ฐ๋ฅ
* ํ ์ด๋ธ์ ํ์ํ์ ์์ gray, ์ง์ํ์ ์์ aqua
๋ฐ์ํ
'STUDY > JAVA' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
JAVA - Queue ์ปฌ๋ ์ ์ธํฐํ์ด์ค (0) | 2022.05.02 |
---|---|
JAVA - linkedList & ArrayList ์ปฌ๋ ์ ํด๋์ค (0) | 2022.05.02 |
JAVA - Getter & Setter (0) | 2022.04.18 |
JAVA - ์ ๊ทผ์ ํ์ ( public, protected, default, private) (0) | 2022.04.18 |
JAVA - ํจํค์ง, import๋ฌธ (0) | 2022.04.18 |