Agregar y eliminar clases en jQuery. – Miami – Abogado – Law Firm

Para agregar y eliminar clases enjQuery haremos uso de las funciones.addClass() y.removeClass(), su sintaxis sería de la siguiente manera:

$('elementohtml').addClass('NombreDeClase');
$('elementohtml').removeClass('NombreDeClase');

$('') convierte nuestro elemento html en un objetojQuery y las funciones.addClass() y.removeClass() agregan a éste elemento html la clase la cual coloquemos como parámetro o argumento.

Un ejemplo de como agregar una clase por ejemplo a un párrafo para cambiar su color de fuente sería:

$(document).ready(function(){
         $('p').addClass('azul');    
});

Ésto suponiendo que tenemos en nuestrocss una clase llamada.azul:

.azul { 
color: #0938F0; 
} 

Y si queremos cambiar la clase del párrafo al hacer clic en un botón haríamos lo siguiente:

-Para agregar el botón usaremos la etiqueta de htmlbutton , su sintaxis sería:

button type="button"Texto del boton/button

-Y nuestro botón sería:

button type="button"Agregar Clase/button

Nuestro código jQuery para cambiar la clase del párrafo haciendo clic en el botón "Agregar Clase" sería:

$(document).ready(function(){
    $('button').click(function(){
         $('p').addClass('azul');    
    });
});

Y para quitar una clase haciendo clic en un botón:

$(document).ready(function(){
    $('button').click(function(){
         $('p').removeClass('azul');    
    });
});

En el siguiente ejemplo agregamos una clase a un texto en undiv y lo transformamos en un cuadrado, y a un rectángulo le quitamos su clase y lo convertimos en un simple texto:

!DOCTYPE html
html
    head
 style
 h2 {
    font-family:arial;
}
 .rectangulo{
 display: inline-block;
 height:150px;
 width:400px;
 background-color:#BB17ED;
 font-family:arial;
 color:#ffffff;
 border-radius: 8px;
 text-align:center;
 margin-top:5px;
}
 .azul{
 display: inline-block;
 height:200px;
 width:200px;
 background-color:#0938F0;
 font-family:arial;
 color:#ffffff;
 border-radius: 8px;
 text-align:center;
 margin-top:5px;
}
 /style
     titleAgregar y eliminar clases jQuery/title
 script src="http://code.jquery.com/jquery-1.9.1.js"/script
 /head
 body
  h2Haz clic en los botones para eliminar y agregar las clases/h2
  button id="uno" type="button"Agregar Clase/button
  button id="dos" type="button"Quitar Clase/button
  /br
  div id="cuadrado"Soy un cuadro/div
  div Class="rectangulo"Soy un rectangulo/div    
 script
$(document).ready(function(){
    $('#uno').click(function(){
         $('#cuadrado').addClass('azul');    
    });
     $('#dos').click(function(){
         $('.rectangulo').removeClass('rectangulo');
    });
});
 /script
 /body
/html

Vamos a verlo en acción:

How to Donate A Car in California FUTURISTIC ARCHITECTURE forensics online course Royalty free images stock Donate cars in ma Online casino Business VOIP Solutions mesothelioma attorney florida DUI lawyer lease management software Best social media platforms Dwi lawyer Php programmers for hire Casino peritoneal mesothelioma Hire php developers Social media strategies Social media campaigns windows phone for business Casino reviews virtual data rooms florida car insurance company Register free domains mesothelioma attorney illinois car insurance quotes pa Cheap Domain Registration Hosting sell your structured settlement payments MESOTHELIOMA LAW FIRM DAYTON FREIGHT LINES Car insurance quotes pa car accident lawyers los angeles Online classes car insurance quotes FORENSICS ONLINE COURSE DONATE YOUR CAR FOR KIDS Mobile casino mesothelioma trial attorney Make money online Australia Adobe illustrator classes Donating used cars to charity los angeles auto accident attorneys accident attorney orange county Seo company Psychic for Free Online Classes Insurance Companies domain registration yahoo mesothelioma lawyers san diego Live casino online colledges BEST CRIMINAL LAWYER IN ARIZONA cash out annuity mesothelioma personal injury lawyers federal criminal defense attorney Massage school Dallas Texas DONATE CAR FOR TAX CREDIT BETTER CONFERENCING CALLS Webex Costs Auto Accident Attorney car accident lawyer in san diego domain name yahoo mesothelioma suit royalty free images stock Hire php programmers Personal Injury Law Firm donating used cars to charity Business finance group dallas mesothelioma lawyer domains yahoo Business management software meso lawyer Php programmers Social media platforms for business Donate Cars Illinois Criminal lawyer Donate a Car in Maryland Service business software car accident lawyer michigan Met Auto Holland Michigan College Photo Christmas cards Forex Trading Platform Criminal defense lawyer Hire php developer Bankruptcy lawyer Computer science classes online CHEAP DOMAIN REGISTRATION HOSTING Car insurance quotes Colorado CAR DONATE buying structured settlements Social media management car insurance quotes mn adverse credit remortgage Seo companies ONLINE COLLEDGES CAR INSURANCE QUOTES UTAH Best social media platforms for business Tech school Christmas cards tennessee mesothelioma lawyer New social media platforms colorado auto accident attorney domain yahoo Custom WordPress theme designer personal injury attorney torrance holland michigan college Seo services Hard drive Data Recovery Services Best Seo company Social media platforms mesothelioma lawyer dallas average mesothelioma settlement california motorcycle accident lawyer structured settlement investments Online Christmas cards Custom Christmas cards Life Insurance Co Lincoln truck accident attorney los angeles SELL ANNUITY PAYMENT motorcycle accident lawyer san diego Structures Annuity Settlement Annuity Settlements Car Insurance Quotes Colorado PHD on Counseling Education CAR INSURANCE QUOTES COLORADO WordPress themes for designers Massage School Dallas Texas AUTO ACCIDENT ATTORNEY WordPress hosting Psd to WordPress mesotheolima Social media examiner motorcycle lawyer los angeles Asbestos Lung Cancer Html email Nunavut Culture Mortgage Adviser mesothelioma law firms compare life assurance houston mesothelioma attorney Online Colleges Proud Italian cook supportpeachtreecom Psd to html motor insurance quotes business voice mail service DALLAS MESOTHELIOMA ATTORNEYS pharmacist jobs in chicago WebEx costs Italian cooking school WordPress theme designers accident attorneys orange county Donate Car to Charity California car insurance in south dakota anti spam appliance Learning adobe illustrator Social media tools auto accident attorney Torrance Mesothelioma Law Firm Donate Car for Tax Credit Donate Cars in MA Donate Your Car Sacramento Sell Annuity Payment Donate Your Car for Kids Royalty Free Images Stock Asbestos Lawyers Cheap Car Insurance in Virginia asterisk call center software Criminal defense attorneys Florida canada personals yahoo structured settlement cash out webex costs purchase structured settlements auto insurance cost by state cell cycle regulation ppt Dayton Freight Lines Futuristic architecture Donate a car in Maryland mesothelioma law suit Criminal Defense Attorneys Florida Motor Replacements Donating a Car in Maryland sell my structured settlement DONATE CARS ILLINOIS car insurance quotes colorado mesothelioma compensation MASSAGE SCHOOL DALLAS TEXAS Forensics Online Course Best Criminal Lawyers in Arizona Car Insurance Quotes Utah Donate Old Cars to Charity Dallas Mesothelioma Attorneys Email Bulk Service cheap car insurance in virginia Online Motor Insurance Quotes donate old cars to charity Paperport Promotional Code structured settlement agreement World Trade Center Footage Auto Mobile Shipping Quote Automobile Accident Attorney Car Insurance Companies Low Credit Line Credit Cards Car Insurance Quotes PA mesothelioma law firm Car Insurance Quotes MN mesothelioma cases Donate your Car for Money Cheap Auto Insurance in VA Car insurance in South Dakota ONLINECLASSES ANNUITY SETTLEMENT home phone internet bundle Car insurance quotes Utah Home Phone Internet Bundle Donating Used Cars to Charity Neuson new york mesothelioma law firm Car Insurance in South Dakota personal accident attorney criminal defense attorneys florida Online colledges online criminal justice degree futuristic architecture buyers of structured settlements cheaper insurance companies yahoo web hosting Cheap Car Insurance for Ladies personal injury solicitor Register Free Domains Better Conference Calls st louis mesothelioma attorney Futuristic Architecture how to donate a car in california Car Donate Virtual Data Rooms Online College Course uk homeowner loans mesothelioma charities sell annuity payment Car Accident Lawyers primary pulmonary hypertension Data Recovery Raid state of california car insurance Life insurance co Lincoln structured settlement company structured settlement annuity companies Criminal lawyer Miami Motor Insurance Quotes Personal Injury Lawyers