2014-03-28 1 views
-1

약 1 시간 반 동안이 질문에 대한 답변을 찾고 있었지만 아무것도 찾을 수 없었습니다. 문제는 제가 실제로 생각조차하지 않는다고 생각합니다. 무엇을 찾고 있는지 알아라. 나는 컴파일 된 언어와 번역 된 언어에 상당히 익숙하지만, 지금은 웹 개발에 관한 것들부터 시작하고있다. 그래서이 질문을 간단하게 유지하겠습니다.프로그래머가 web dev에 새로 올린 HTML/JS 질문

누군가이 코드의 기능을 철저히 설명 할 수 있습니까? 그리고 그것에 가능한 변형. 미리 감사드립니다!

$(document).ready(function() { 
    $("#toggle-variable").show(); 
    $(".trigger-variable, .variable-dummy").addClass("active");}); 
+0

, 그럼 왜 다른 시간과 jQuery를 문서를 읽고 반을 보내고, 그리고 당신이해야하지 등의 클래스를 추가 요소를 보여주는 등의 일을 할 jQuery를 선택기를 사용

$(document).ready(function(){ //Waits until the page is loaded $("#toggle-variable").show(); //Shows the element with id toggle-variable $(".trigger-variable, .variable-dummy").addClass("active"); //Adds the class active to all elements with the class trigger-variable and/or variable-dummy }); //closes the function 
알아 냈어. – adeneo

+0

http://learn.jquery.com/about-jquery/how-jquery-works/ – epascarello

답변

0

이것은 jQuery (자바 스크립트 라이브러리)입니다.

$(document).ready(function() {은 "문서가 완전히로드 될 때까지 기다려주세요."라고 말합니다.

$("#toggle-variable").show();은 ID가 "toggle-variable"인 요소를 찾아서 표시합니다.

$(".trigger-variable, .variable-dummy").addClass("active");});은 "trigger-variable"또는 "varible-dummy"클래스의 모든 요소를 ​​찾아 해당 요소에 "active"클래스를 추가합니다.

1
// Wait for the DOM to be loaded 
$(document).ready(function() { 
    // Make the DOM element with ID 'toggle-variable' be visible 
    $("#toggle-variable").show(); 
    // Add the "active" class to any DOM elements with the class 'trigger-variable' 
    // or 'variable-dummy 
    $(".trigger-variable, .variable-dummy").addClass("active"); 
}); 
0

, 는 document.ready 함수에서 분석 한 빨리 페이지가 완료로 표시하도록되어 숨겨져 토글 변수의 id를 가진 DOM의 요소가 있어야한다 .

AddClass는 trigger-variable 또는 variable-dummy 클래스가있는 모든 요소에 CSS 클래스를 추가하는 것입니다.

+0

감사! 나는 일하는 프로젝트에 대한 나의 바지 자리에서 배우는 것 같아. 그래서 이것은 정말로 도움이됩니다! –

0

코드는 jQuery으로 작성되었습니다.

문서가 준비 될 때까지 기다립니다