1、通过jquery给元素动态添加样式运用addClass和removeClass即可。首先在html中准备jquery库文件，并且准备一个div元素，如下图所示。
专业成都网站建设公司，做排名好的好网站，排在同行前面，为您带来客户和效益!创新互联建站为您提供成都网站建设，五站合一网站设计制作，服务好的网站设计公司，网站制作、网站设计负责任的成都网站制作公司!
2、然后在style标签里声明一个class样式，如下图所示。
3、接下来准备一个事件加载初始化的方法，在jquery中直接用匿名函数即可，如下图所示。
4、然后通过jquery的addClass方法给div元素添加一个class，如下图所示。
5、移除一个class的样式也很简单，如下图所示，通过removeClass即可。
jquery中添加事件
$(item).click(function(){}) //点击事件
$(item).hover(function(){}) //鼠标经过事件
$(item).mousemove(function(){}) //鼠标移动事件
但是给动态创建的元素添加事件就得使用on
$(document).on("click","item",function(){})
Jquery 怎么只给点击的元素加个class？1：新建一个html文件，命名为test.html，用于讲解jquery如何实现追加元素的同时添加class属性。
2：在test.html文件内，使用p标签创建一行测试的内容，并创建两个空div标签。
3：在test.html文件内，使用button标签创建一个按钮，给button按钮绑定onclick点击事件，当按钮被点击时，执行addPp()函数。
4：在函数内，通过获得p标签对象，使用appendTo方法将p标签追加到div中。
5：在函数内，再使用addClass方法给p标签添加一个class属性。
6：在浏览器打开test.html文件，点击按钮，查看结果。
jquery在元素前面插入东西可以使用before()函数。语法：$(selector).before(content)，content 必需。规定要插入的内容（可包含 HTML 标签）
延展阅读：
jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（ 或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery的模块可以分为：入口模块、底层支持模块和功能模块。其核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
