반응형

2024/02/28 3

(2024 02 28) html,css,js 9일차

자바스크립트와 jQuery 라이브러리 이용 입력 양식 포커스 window.onload=function() { //문서객체 선택 let input1=document.querySelectorAll('input')[0]; let input2=document.querySelectorAll('input')[1]; input1.onkeydown = function () { if (6객체를 대상 앞부분에 추가 .appendTo => 객체를 대상 뒷부분에 추가 .beforeTo => 객체를 대상의 앞쪽에 추가 .afterTo => 객체를 대상의 뒤쪽에 추가 무한 스크롤 =>사용자가 스크롤을 끝까지 내리면 자동으로 데이터를 추가해 스크롤이 끝나지 않게 해준다 $(document).ready(function () { le..

html,css,js 공부 2024.02.28

(2024 02 27) html,css,js 8일차

jQuery 라이브러리 사용 $(선택자) , 메서드(매개변수,매개변수) 형태로 사용한다 $(document).ready(function () { $('h1').css('color','red'); }) ; Header-0 속성 추출 하는방법 $(document).ready(function () { let src = $('script').attr('src'); alert(src); }) ; attr() => 문서객체의 속성 조작 속성 조작 $('img').attr('width,100'); $('img').attr('src',"#"); 이런식으로 조작을 할수 있다 클래스 조작 #box { width: 100px; height: 100px; background-color: red; } #box.hover { b..

html,css,js 공부 2024.02.28
반응형