Tutorial #7 del curso de Jquery, en este tutorial damos por finalizado la parte de selectores para posteriormente ingresar a los filtros.
<!DOCTYPE html> <html lang="es"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>selectores 9</title> </head> <body> <ul> <li class="uno">texto 1</li> <li class="dos">texto 2</li> <li class="tres">texto 3</li> </ul> <script src="js/jquery-2.1.3.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('li.uno + li').css('border','2px double black'); }); </script> </body> </html>
<!DOCTYPE html> <html lang="es"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>selectores 10</title> </head> <body> <ul> <li>texto 1</li> <li>texto 2</li> <li>texto 3</li> <li>texto 4</li> </ul> <script src="js/jquery-2.1.3.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('li:last').css('border','2px double black'); }); </script> </body> </html>