[JQUERY] CSS의 액세스 "후"선택 jQuery를 함께 [중복]

CSS의 액세스 "후"선택 jQuery를 함께 [중복]

해결법

1. ---

   1.당신은 조작 할 수 없습니다 후,이 자바 스크립트에 의해 액세스 할 수없는 때문에 기술적으로 DOM의 일부가 아니다 때문. 그러나 새와 새 클래스를 추가 할 수 있습니다 : 지정된 후.

   당신은 조작 할 수 없습니다 후,이 자바 스크립트에 의해 액세스 할 수없는 때문에 기술적으로 DOM의 일부가 아니다 때문. 그러나 새와 새 클래스를 추가 할 수 있습니다 : 지정된 후.

   CSS :

   .pageMenu .active.changed:after { 
   /* this selector is more specific, so it takes precedence over the other :after */
       border-top-width: 22px;
       border-left-width: 22px;
       border-right-width: 22px;
   }
   

   JS :

   $('.pageMenu .active').toggleClass('changed');
   

   UPDATE : 컨텐츠 후, 읽기 및 / 또는 자바 스크립트를 사용하여 오버라이드 (override) 할 수있는 방법이 있습니다 : 그것은 직접 수정하는 것은 불가능있다. 자세한 내용은 "jQuery를 사용하여 조작 CSS 의사 요소 (예 : 전 : 후)"기술의 포괄적 인 목록.

2. ---

   2.당신을 위해 스타일을 추가 할 수 있습니다 유사한 HTML 코드 후. 예를 들면 :

   당신을 위해 스타일을 추가 할 수 있습니다 유사한 HTML 코드 후. 예를 들면 :

   var value = 22;
   body.append('<style>.wrapper:after{border-top-width: ' + value + 'px;}</style>');
   

3. ---

   3.CSS 선택 후 : 당신이 jQuery를 내장 한 후 사용하는 경우 () 빈 값을 가진 당신의 일치 동적 객체를 생성합니다.

   CSS 선택 후 : 당신이 jQuery를 내장 한 후 사용하는 경우 () 빈 값을 가진 당신의 일치 동적 객체를 생성합니다.

   $('.active').after().click(function () {
       alert('clickable!');
   });
   

   JQuery와 설명서를 참조하십시오.

from https://stackoverflow.com/questions/17788990/access-the-css-after-selector-with-jquery by cc-by-sa and MIT license