Red de conocimiento informático - Material del sitio web - Cómo utilizar JQuery para manipular contenido antes o después de elementos de pseudodocumento CSS

Cómo utilizar JQuery para manipular contenido antes o después de elementos de pseudodocumento CSS

::before, ::after son pseudoelementos en lugar de elementos DOM, por lo que jquery no puede seleccionar pseudoelementos.

Si realmente necesitas modificar el estilo del pseudoelemento, puedes hacerlo a través del siguiente ejemplo. lt;!DOCTYPE?htmlgt;

lt;html?lang="es"gt;

lt;headgt;

lt;meta?charset=" UTF-8"gt;

lt; titlegt.zhou2003737lt;/titlegt;

lt; style?type="text/css"gt;

p {

color:?deepskyblue;

}

p:before{

contenido:?attr(data-beforeContent);

color:?darkskyred;

}

lt;/stylegt;

lt;/headgt

lt;bodygt;

lt;p?data-beforeContent="test"gt;1111lt;/pgt;

lt;/bodygt;

lt; script?src="jquery.min.js"gt;lt;/scriptgt;

lt;script?type="text/javascript"gt;

$(función() {

lt;

$('p').on('clic', función(){

¿cambiar?(veces){

caso?

$(this).attr('data-beforeContent','Tienes razón en todo');

veces;

break;

case?1:

$(this).attr('data-beforeContent', '¿Por qué no vas al cielo si eres tan tonto? ');

veces;

descanso;

caso?2:

$(this).attr('data- beforeContent ', 'Tienes razón en todo');

veces;

romper;

caso?:

$( esto ).attr('data-beforeContent', 'Entonces ve al cielo');

veces ;

descanso

predeterminado?:

times?=0;

$(this).attr('data-beforeContent', 'Tienes razón');

times;

romper;

}

});

});

lt;/scriptgt;

lt;/htmlgt;