Internet/jQuery6

제이쿼리 비어있거나 0 또는 특정 단어를 포함하는 요소 제거 및 변경 티스토리 블로그에서 치환자를 이용하여 적용을 하는 부분에 있어서 값이 비어 있거나 0등의 특정 값으로 표현되는 경우가 있는데, 이를 지우거나 원하는 값으로 변경을 할 수가 있습니다. :contains 특정 값 설정하기 댓글 카운터의 경우에 댓글이 없는 경우에 0으로 표현이 되는데, 이를 0으로 쭉 나열되는 게 보기 싫을 경우 적용을 할 수가 있습니다. $('.another_category th span:contains("0")').css('display', 'none'); 위와 같이 설정하여 해당 태그에 :contains("0") 적용하여 값이 "0"일 경우에만 속성을 추가하여 적용할 수가 있습니다. 이는 값이 있을 때 적용이 가능하며 요소값이 없이 비어 있을 경우는 다른 방법으로 적용할 수가 있습니다... 2023. 4. 6.
티스토리 data-ke-size="size16" 속성 제거하기 티스토리 본문에 자동으로 속성이 추가되게 되는데 스킨에 속성을 적용하는 데 있어서 불편함이 있어서 스크립트를 이용하여 제거를 하고 사용을 합니다. 자동으로 설정이 붙을 때는 대부분 폰트사이즈가 붙는데 개인적으로 Body 사이즈를 적용하고 특정 부분만 사이즈를 적용하고 전체적으로 보디에 적용한 사이즈로 통일하여 em 비율로 적용을 하여 사용을 합니다. 그런데 본문에 data-ke-size="size16" 붙어버리면 배율이 달라져 따로 설정해야 하는 불편함이 있어 깔끔하게 H 태그와 p 태그에서 속성을 지워 버립니다. 북클럽 스킨 기반일 경우 위 코드를 앞에 넣어주면 됩니다. // #1, #2 // Magazine // Odyssey, Letter, Portfolio // Poster, Book Club, .. 2023. 2. 17.
티스토리 메뉴 현재 위치 표시 적용을 위해서는 스킨 편집에서 메뉴에 적용된 클래스를 알아야 합니다. 블로그 태그 확인 [＃＃_blog_menu_＃＃] 적용을 위해서는 일단 스킨에서 블로그 메뉴 [＃＃_blog_menu_＃＃] 치환자가 적용된 적용된 태그의 클래스를 알아야 합니다. Home Guest Book 치환자를 사용하면 별도로 태그를 삽입할 필요 없이 꾸미기에서 설정한 메뉴를 리스트 태그로 만들어 적용을 하게 됩니다. jQuery 적용 $(window).load(function(){ $('.blog-menu').find('li').each(function(){ if ( window.location.pathname == $(this).find('a').attr('href')){ $(this).addClass('current'); .. 2022. 12. 18.
제이쿼리 스크롤 상단 메뉴 고정 웹사이트의 메뉴바가 평소에는 원래 위치에 있다가 스크롤을 하여 메뉴가 올라갈 때 메뉴를 상단에 고정시켜주는 jQuery 소스입니다. 메뉴 바에는 대부분의 블로그나 사이트의 중요 링크가 되어있어 스크롤 중에도 메뉴 클릭이 용이하여 방문자의 체류 시간을 늘리는데 도움이 되고 방문객에게 사이트 이동이 쉬워지기 때문에 운영자나 방문객 모두에 도움이 됩니다. 상단에 고정 시킬 기존 메뉴 코드에 div 코드를 한번 더 적용합니다. DIV 클래스명 blogmenu 메뉴이고 menuWrap 가 제이쿼리를 적용하여 메뉴를 들어 올리기 위해 한번 더 적용한 것입니다. var nav = $('.menuWrap'); 에 상단 고정 메뉴 적용을 위해 한번 더 적용한 DIV 클래스명을 적어 줍니다. float-menu는 스크롤을.. 2014. 10. 18.
스크롤 내리면 나타나는 제이쿼리 탑버튼 블로그나 사이트에 장문을 글을 읽을 때 스크롤이 많이 내려갔는데 다른 메뉴를 이용하기 위해 스크롤을 키보드의 Home키로 한 번에 올릴 수도 있지만 마우스를 클릭하여 한번에 사이트 탑 위치로 이동하는 jQuery 소스입니다. 탑버튼을 사용하기 위해서 jquery.min.js 설치되어 있어야 하고 탑 버튼 소스는 위 코드보다 아래에 있어야만 정상 작동됩니다. [RETURN TOP ] 제이쿼리 소스는 에 넣고 a 태그는 다른 곳에 따로따로 배치해도 되고 position:fixed;로 브라우저를 위치 잡기 때문에 두 코드를 같이 등 어느 위치에 넣더라고 적용이 됩니다. 2014. 10. 14.
간단한 제이쿼리 토글 버튼 jQuery toggle button 토글 대상을 display: none로 해 놓으면 접힌 상태로 시작하고 그렇지 않으면 열린 상태로 시작 합니다. Toggle jQuery toggle test. jQuery toggle test. jQuery toggle test. jQuery toggle test. $(선택자).toggle(속도,콜백); Toggle button jQuery toggle test. jQuery toggle test. jQuery toggle test. jQuery toggle test. 2014. 9. 22.

티스토리툴바