jQuery 구문 도움말

Question

jQuery에서이 코드 줄의 기능을 정확히 설명하는 도움말을 찾고 있습니다.

myString += $(settings.mySelector,this).css('display') === 'none' ? 'closed' : 'not-closed'; 

사용 된 연산자 및 구문에 익숙하지 않습니다.

Answer 1

1. settings.mySelector 값 가설 JQuery와 선택기 주어진

2. $(settings.mySelector, this) 기능 (예, $ 함수 임) settings.mySelector 선택기 지정된 요소를 검색 (http://api.jquery.com/category/selectors/ 볼이 부분 JQuery와 근본적인이다)을 포함 현재의 선택 상황 this

3. $(settings.mySelector,this).css('display')는 CSS를 가져옵니다 (http://api.jquery.com/jQuery 참조가,이 부분은 JQuery와 근본적인이다) 'DISP 그렇지 않으면 'not-closed' 반환, css('display') === 'none'에 해당하는 경우, 그것은 'closed'를 반환

4. $[...].css('display') === 'none' ? 'closed' : 'not-closed';는 삼항 작업을 소위입니다 선택한 요소의 '속성 값을 누워.

5. 마지막으로, myString는 하나 (settings.mySelector에 설명 된 요소가 표시되지 않은 경우) 'closed' 또는 'not-closed'

Answer 2

그것은이 의미는

if ($(settings.mySelector,this).css('display') === 'none') 
{ 
    myString = myString + 'closed'; 
} 
else 
{ 
    myString = myString + 'not-closed'; 
} 

완전 항등 연산자 (===)는 타입 강제 변환을 허용없이 동등 검사를 수행한다.

Answer 3

제 3의 if/then 문입니다. 첫 번째 평가의 결과가 $(settings.mySelector,this).css('display') === 'none'

인 myString + = (myString = myString +)이 true로 평가되면 해당 요소가 숨겨지고 '닫힌 상태'로 돌아가는 것을 의미하고 그렇지 않으면 다시 '열리는' 그래서 어느 +='closed'또는myString+='open'

Answer 4

$(settings.mySelector,this).css('display') 

이 this의 자식 주어진 선택 일치하는 요소를 선택은 다음 CSS의 값을 추출 mystring에

속성.

x === 'none' ? 'closed' : 'not-closed' 

이 조건 (?:) 연산자를 사용 x === 'none' 또는 not-closed 만약 그렇지 closed 평가.

마지막으로 myString += y은 y의 값을 myString에 추가합니다.