[jQuery] $(document).ready(function () { });

1. $(document).ready(function () { });

* html 문서의 로딩이 이루어진 후(DOM 객체를 불러온 후) 안에 코드 입력

 

    $(document).ready(function (e) {

        $(".selectbox").each(function (e) { //class명이 selectbox인 것의 요소들 중
            var selectBoxOption = $(this).children('option'); //지금의 요소의 하위 요소 중 option 태그를 찾는다.
            var selectBoxLength = selectBoxOption.length; //option 태그의 길이

            if(selectBoxLength == 1) { //selectBox의 길이가 1일 때,
                $(this).prop('disabled', true); //selectBox의 요소는 disabled 처리된다.
                $(selectBoxOption).text('적용 가능한 쿠폰이 없습니다.'); //조건문을 만족할 때 텍스트가 바뀐다.
            }
        })
    });

 

* .each()는 함수의 모든 요소를 탐색한다.

* e는 for문의 i와도 같은 함수 인자이다.

* $(this).children('option'): e가 가리키고 있는 요소들의 하위요소들 중 option 태그를 찾는다.

* $(this).prop('disabled', true):  지정한 선택자를 가진 첫번째 요소의 속성값을 가져오거나 속성값을 추가한다. disabled의 속성을 true로 지정한다. prop은 JS의 property를 말한다.

* $(selectBoxOption).text('적용 가능한 쿠폰이 없습니다.'): 변수에 해당하는 속성을 텍스트 형식으로 바꾸어준다.