24일차 - 제이쿼리 설명 (2) 메서드/이벤트

밀레·2022년 10월 27일
0

코딩공부

목록 보기
73/135

+) 쿠키 문제 발생하지 않도록 삽입해주기

?ver=<?php echo time(); ?>


^ 시작
$ 끝
*어디라도

$('img').attr('src','logo.jpg') // 모든 img 태그를 logo.jpg로 교체 해라
$('a').attr('href','#none') // 모든 a 태그 속성값을 none 해라

ex) 링크 안되는 a태그는 "안 보이게" 해주세요
이때 사용될 동사

  • addClass( 'd-none' ) : 가장 응용력이 높다!!
  • css( 'display', 'none' )
  • hide( ) : 자바스크립트 내장 메서드 (ㅂㄹ)
    우선순위가 너무 쎄서 CSS식을 다 눌러버림. !important로도 이기기 어려움
$( 'a[href="#none"]' ).addClass('d-none'); // '링크 안되는 a태그'는 안 보이게

ex) gif 이미지는 나타나지 마

$( 'img[src*=".gif"]' ).css('display', 'none');
      //src*어디든 .gif인 놈들 -> 나타나지마

메서드

용법 메서드( )

addClass / removeClass / toggleClass

append : 앞에서 들어간다
preppend : 뒤에서 들어간다
offset (top, left)
each : 각각 지정해, 한꺼번에 처리함!

$(this).each(function(){ }

html : html 클래스 depth1에 nvli 삽입!

( $('.depth1').html(nvli); )

이벤트

용법 이벤트( function( ){ } )

ready / click / scroll (에 귀속된 메서드 scrollTop)

    $(window).scroll(function(){
        if( $(window).scrollTop() > 0 ){  // 윈도의 스크롤탑 위치값이 0보다 크면 (스크롤을 내리면)
        }else{
        }
    })

0개의 댓글