HTML,CSS+js
## 4월 4일 프론트 엔드 7일차 + 문제
Nubbie
2023. 4. 8. 13:57
자바 스크립트 시작
+(라이브러리로 제이쿼리)
DOM의 개념
컴파일언어와 스크립트언어 란 무엇이고 장단점과 차이
제이쿼리 용어
this
find랑 child는 후손,자식과 비슷
작업할때 수시로 저장,새로 수행할 때마다 포크 눌러서 시점 저장(url 바꿔야함)
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<section>
<button>버튼 001</button>
<button>버튼 002</button>
<button>버튼 003</button>
<button>버튼 004</button>
<button>버튼 005</button>
<button>버튼 006</button>
<button>버튼 007</button>
<button>버튼 008</button>
<button>버튼 009</button>
<button>버튼 010</button>
<button>버튼 011</button>
<button>버튼 012</button>
<button>버튼 013</button>
<button>버튼 014</button>
<button>버튼 015</button>
<button>버튼 016</button>
<button>버튼 017</button>
<button>버튼 018</button>
<button>버튼 019</button>
<button>버튼 020</button>
<button>버튼 021</button>
<button>버튼 022</button>
<button>버튼 023</button>
<button>버튼 024</button>
<button>버튼 025</button>
<button>버튼 026</button>
<button>버튼 027</button>
<button>버튼 028</button>
<button>버튼 029</button>
<button>버튼 030</button>
<button>버튼 031</button>
<button>버튼 032</button>
<button>버튼 033</button>
<button>버튼 034</button>
<button>버튼 035</button>
<button>버튼 036</button>
<button>버튼 037</button>
<button>버튼 038</button>
<button>버튼 039</button>
<button>버튼 040</button>
<button>버튼 041</button>
<button>버튼 042</button>
<button>버튼 043</button>
<button>버튼 044</button>
<button>버튼 045</button>
<button>버튼 046</button>
<button>버튼 047</button>
<button>버튼 048</button>
<button>버튼 049</button>
<button>버튼 050</button>
<button>버튼 051</button>
<button>버튼 052</button>
<button>버튼 053</button>
<button>버튼 054</button>
<button>버튼 055</button>
<button>버튼 056</button>
<button>버튼 057</button>
<button>버튼 058</button>
<button>버튼 059</button>
<button>버튼 060</button>
<button>버튼 061</button>
<button>버튼 062</button>
<button>버튼 063</button>
<button>버튼 064</button>
<button>버튼 065</button>
<button>버튼 066</button>
<button>버튼 067</button>
<button>버튼 068</button>
<button>버튼 069</button>
<button>버튼 070</button>
<button>버튼 071</button>
<button>버튼 072</button>
<button>버튼 073</button>
<button>버튼 074</button>
<button>버튼 075</button>
<button>버튼 076</button>
<button>버튼 077</button>
<button>버튼 078</button>
<button>버튼 079</button>
<button>버튼 080</button>
<button>버튼 081</button>
<button>버튼 082</button>
<button>버튼 083</button>
<button>버튼 084</button>
<button>버튼 085</button>
<button>버튼 086</button>
<button>버튼 087</button>
<button>버튼 088</button>
<button>버튼 089</button>
<button>버튼 090</button>
<button>버튼 091</button>
<button>버튼 092</button>
<button>버튼 093</button>
<button>버튼 094</button>
<button>버튼 095</button>
<button>버튼 096</button>
<button>버튼 097</button>
<button>버튼 098</button>
<button>버튼 099</button>
<button>버튼 100</button>
</section>
function a() {
$('body').css('background-color', 'blue');
};
$('section > button:nth-child(2n + 1)').click(a);
var b = function () {
$('body').css('background-color', 'red');
};
$('section > button:nth-child(2n)').click(b);