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:

Casino ASBESTOS LAWYERS ashely madis Seo companies anti spam exchange server selling my structured settlement life insurance co lincoln DONATE CARS IN MA World Trade Center Footage Personal Injury Lawyers Bankruptcy lawyer Html email Online casino Mobile casino SELL ANNUITY PAYMENT Php programmers BEST CRIMINAL LAWYER IN ARIZONA Motor Replacements Hire php developer Online Criminal Justice Degree business voip solutions Insurance Make money online Australia Auto Mobile Shipping Quote structured annuity settlement Best social media platforms Casino reviews Criminal lawyer Psd to WordPress Royalty free images stock harddrive data recovery services offshore accident lawyer DALLAS MESOTHELIOMA ATTORNEYS personal injury lawyer MET AUTO illinois law lemon mesothelioma claim online criminal justice degree Php programmers for hire domain name yahoo DUI lawyer Social media platforms for business Live casino Futuristic architecture houston motorcycle accident lawyer Service business software Online Colleges low credit line credit cards Donate Car to Charity California adverse credit remortgage Social media strategies Online Christmas cards structured settlemen structured settlement buyer CRIMINAL DEFENSE ATTORNEYS FLORIDA MORTGAGE ADVISER auto accident attorney Hire php developers ONLINECLASSES mesotheliama buyers of structured settlements Hire php programmers Business VOIP Solutions Dwi lawyer Best Seo company injury lawyers west palm beach Computer science classes online alcohol rehab center in florida mesothelioma lawsuits structured settlement quote Claim Car Insurance Quotes Colorado Met auto structure settlements Mortgage Adviser baltimore mesothelioma attorneys utah mesothelioma lawyer personal injury solicitor Criminal defense lawyer NUNAVUT CULTURE VIRTUAL DATA ROOMS mesothelioma claims Business management software Structures Annuity Settlement LIFE INSURANCE CO LINCOLN Donate your car Sacramento miami personal injury attorney Car Insurance Quotes Utah Photo Christmas cards integrated ehr Seo services DONATE A CAR IN MARYLAND buy gift card structured settlement broker structured settlement sell donate your car for kids Cheap car insurance for ladies Donating Used Cars to Charity Mortgage mesothelioma suit google adsense auto accident lawyer san francisco WORLD TRADE CENTER FOOTAGE Psd to html mesothelioma help Best social media platforms for business Donate Your Car for Kids auto accident attorney Torrance selling structured settlement New social media platforms home phone internet bundle onlineclasses Business finance group boca raton personal injury attorney Custom WordPress theme designer mesothelioma survival rates MASSAGE SCHOOL DALLAS TEXAS Sell Annuity Payment mesothelioma settlements amounts Donate Your Car Sacramento injury lawyers Nunavut Culture Online colledges verizon sip mesothelioma attorneys california Donate car for tax credit Seo company Holland Michigan College Hard drive data recovery services illinois mesothelioma lawyer DONATE OLD CARS TO CHARITY Custom Christmas cards Tech school WordPress themes for designers WordPress hosting mesothelioma settlement amounts personal injury attorney ocala fl Auto Accident Attorney Social media examiner Social media management Hard drive Data Recovery Services PhD in counseling education cash out structured settlement Social media platforms world trade center footage Christmas cards Proud Italian cook WordPress theme designers Italian cooking school Virtual Data Rooms yahoo web hosting best structured settlement companies Psychic for free Motor Insurance Quotes Cheap Car Insurance in Virginia personal injury attorney springfield mo Adobe illustrator classes Online College Course Asbestos Lawyers domain registration yahoo Learning adobe illustrator Dedicated Hosting Dedicated Server Hosting lawsuit mesothelioma Social media tools Social media campaigns Mesothelioma Law Firm Donate Car for Tax Credit Donate Cars in MA How to Donate A Car in California Email bulk service Webex Costs mesothelioma law firm mesotheloma STRUCTURED ANNUITY SETTLEMENT DONATE YOUR CAR FOR MONEY Massage School Dallas Texas Health Records Personal Health Record Annuity Settlements Dayton Freight Lines car insurance quotes mn Forensics Online Course Donate a Car in Maryland Cheap Domain Registration Hosting Donating a Car in Maryland Donate Cars Illinois Donate car to charity California ROYALTY FREE IMAGES STOCK Met Auto Criminal Defense Attorneys Florida donate old cars to charity asbestos lawyers Best Criminal Lawyers in Arizona wisconsin mesothelioma attorney asbestos exposure lawyers mesothelioma lawyer dallas motorcycle accident attorney chicago Life Insurance Co Lincoln compare life assurance alabama mesothelioma lawyer Auto Mobile Insurance Quote Donate Car To Charity CALIFORNIA Online Motor Insurance Quotes CHEAP CAR INSURANCE IN VIRGINIA personal injury attorney torrance Paperport Promotional Code Motor replacements Low Credit Line Credit Cards Online Classes how to donate a car in california Data Recovery Raid Dallas Mesothelioma Attorneys HOW TO DONATE A CAR IN CALIFORNIA Psychic for Free Donate Old Cars to Charity workers compensation lawyer los angeles Car Donate city college in miami mesothelioma trial attorney Neuson Car Insurance Quotes MN Donate your Car for Money Cheap Auto Insurance in VA peritoneal mesothelioma supportpeachtreecom chicago hair laser removal Home Phone Internet Bundle online colledges phd in counseling education donate your car for money tennessee mesothelioma lawyer PHD on Counseling Education accident lawyers in los angeles Car Insurance Quotes PA Royalty Free Images Stock DAYTON FREIGHT LINES Car Insurance in South Dakota Email Bulk Service Better Conference Calls Cheap Car Insurance for Ladies Register Free Domains california mesothelioma attorney Futuristic Architecture Donate your car for kids ONLINE MOTOR INSURANCE QUOTES Home phone internet bundle Automobile Accident Attorney mesothelioma settlements Car Accident Lawyers bus accident attorneys Criminal lawyer Miami

Bluehost Donate car for tax credit Insurance Hosting benchmark lending WebHostingHub Recovery Donate Car to Charity California structured settlement buyer mesothelioma attorneys california Loans Web Hosting and Domains Classes Laws and lawyers domains yahoo UK Canada LOS ANGELES AUTO ACCIDENT ATTORNEY Lawyer Technology Blogging Making Money online Rehab Mortgage Blogs Based On Donations Credit Software AUTO ACCIDENT LAWYER DENVER Transfer Trading Business Attomey online making money Donate Gas/Electricity small business administration sba Donate your car Sacramento Geographical Location of the Visitors · Mortgage Adviser Donate your car for kids SEO Claim Treatment Conference Call Cord Blood · Car Accident Lawyers Degree DAYTON FREIGHT LINES STRUCTURED ANNUITY SETTLEMENT Attormey Health Mesothelioma Law Firm Online Classes Donate Car for Tax Credit iPage ANNUITY SETTLEMENT SELLING A STRUCTURED SETTLEMENT ANNUITY NUNAVUT CULTURE Technology Blogs mesothelioma survival rates structured settlement annuity companies hair removal washington dc structured settlements annuities