JQuery为元素添加样式
如何修改引用组件库生成的元素样式
如何修改引用组件库生成的元素样式
引用组件库生成的元素样式主要有以下几种方法可以进行修改：
1.通过覆盖样式表
2.使用CSS选择器
3.使用内联样式
4.使用伪类和伪元素
一些特效和样式修改可以通过使用伪类和伪元素来实现。
例如，可以
使用:hover伪类来定义鼠标悬停时的样式，使用:active伪类来定义按钮
被点击时的样式。
另外，可以使用::before和::after伪元素来在元素的
前后添加内容，并对其进行样式修改。
通过使用伪类和伪元素，可以实现
一些特殊的样式效果，使元素更加有趣和动态。
5. 使用JavaScript
如果以上方法无法满足需求，还可以使用JavaScript来动态修改元
素样式。
通过获取组件库生成的元素节点，并使用JavaScript的DOM操
作方法，可以动态修改元素的样式属性。
例如，可以使用getElementById、getElementsByClassName或querySelector等方法获
取元素节点，然后使用style属性来修改其样式。
通过JavaScript，可
以实现一些复杂的样式修改和交互效果，但需要注意兼容性和性能的问题。
总结起来，修改引用组件库生成的元素样式可以通过覆盖样式表、使
用CSS选择器、使用内联样式、使用伪类和伪元素以及使用JavaScript
等方法进行。
根据实际需求和场景选择合适的修改方式，可以使元素的样
式更加符合自己的需求。
精选jQuery试题及答案
jQuery 试题及答案．选择题1. 下面哪种不是 jquery 的选择器 ?( ) C 。
A 、基本选择器 C 、 css 选择 器 择器2. 当 DOM 加载完成后要执行的函数，下面哪个是正确的 ?( ) CA 、 jQuery(expression, [context])B 、jQuery(html,[ownerDocument])C 、 jQuery(callback)D 、jQuery(elements)3. 下面哪一个是用来追加到指定元素的末尾的 ?( ) C面哪一个不是 jquery 对象访问的方法 ? (A 、 each()B 、 size()C 、.lengthD 、onclick()5. 在 jquery 中想要找到所有元素的同辈元素，下面哪一个是可以实现的？() C A 、 eq(index) B 、 find(expr)C 、siblings([expr])D 、 next()6. 如果需要匹配包含文本的元素，用下面哪种来实现 ? ( ) B7. 如果想要找到一个表格的指定行数的元素， 用下面哪个方法可以快速找到指定元素 ? ( C) A 、 text() get()B 、层次选择器D 、表单选A 、 insertAfter()B 、 append()C 、 appendTo()D 、 after()4. A 、 text()B 、 contains()C 、D 、 attr(name)B 、C 、10. 如果想被选元素之后插入 HTML 标记或已有的元素， 下面哪个是实现该功能的 ? ( ) D A 、 append(content) appendTo(content) C 、 insertAfter(content) after(content)B 、 empty()D 、 removeAll()12. 在 jquery 中，想要给第一个指定的元素添加样式，下面哪一个是正确的 ( ) D8. 下面哪种不属于 jquery 的筛选 ? ( ) B A、 过滤 B 、自动C 、查找D 、串联9. 下面哪几种是属于jquery 文档处理的 ? ( 多选 ) ABCDA、 包裹 B 、替换C 、删除D 、内部和外部插入eq()D 、contents( )D 、B 、11. 在 jquey 中，如果想要从DOM 中删除所有匹配的元素，下面哪一个是正确的 ?( ) CA 、 delete()A 、 firstB 、C 、 css(name)D 、 css(name,value)13. 在 jquery 中，如果想要获取当前窗口的宽度值，下面哪个是实现该功能的 ? ( ) A A 、 width()B 、 width(val)D 、C 、14. 为每一个指定元素的指定事件 ( 像 click) 绑定一个事件处理器函数，下面哪个是用来实现该功能的 ? ( ) BA 、 trgger (type) one(type)B 、 bind(type)D 、 bindC 、15. 在 jquery 中想要实现通过远程 http get 请求载入信息功能的是下面的哪一下事( C )B 、C 、D$. getScript(url)16. 在一个表单中， 如果想要给输入框添加一个输入验证， 可以用下面的哪个事件实现 ? ( D)A 、 hover(over ,out) B、 keypress (fn)change() D 、 change(fn)17.当一个文本框中的内容被选中时， 现? ( ) CA 、 c lick(fn)B 、change(fn)C 、select(fn)D 、bind(fn)18. 以下 jquery对象方法中，使用了事件委托的是 ( ) DA 、 bindB. 、mousedownC 、changeD 、 on19. 元素的 type 属性的取值可以是(多选) ABDA 、 imageB 、 checkboxC 、selectD 、 button20. 下列 jQuery 事件绑定正确的是 ___ 。
用jQuery操作元素的属性与样式
用jQuery操作元素的属性与样式用jQuery操作元素的属性与样式元素属性和Dom属性对于下面这样一个标签元素:<img id='img' src="1.jpg" alt='1' class="imgs"></img>我们通常将id,src,alt,class称为属性,也即元素属性.但是,当浏览器对标签元素进行解析时,会将元素解析为Dom对象,相应的,元素属性也就解析为Dom属性.元素属性和Dom属性只是在我们对其进行不同解析时的不同称呼.值得注意的是:1.元素被解析成Dom时,元素属性和Dom属性并不一定是原来的名称.例如,img的class属性,在表现为元素属性时是class;在表现为Dom属性时,属性名为className2.在JavaScript中,我们可以直接获取或设置Dom属性使用jQuery操作元素属性在jQuery中,提供了attr函数来操作元素属性,具体如下:函数名说明例子attr(name) 取得第一个匹配元素的属性值. $("input").attr("value")attr(property) 将一个"名/值"形式的对象设置为所有匹配元素的属性$("input").attr({ value: "txt", title: "text" }); attr(key,value) 为所有匹配的元素设置一个属性值$("input").attr("value","txt");attr(key,fn) 为所有匹配的元素设置一个计算的属性值$("input").attr("title", function () { returnthis.value });removeAttr(name) 从所有匹配的元素中删除一个属性$("input").removeAttr("value");注意:1.如果要设置对象的class属性时,必须使用className作为属性名.2.我们可以使用removeAttr删除元素属性,但其对应的Dom属性是不会被删除掉的,只是被改变其值而已根据上面的几个函数,我们可以这样使用来获取dom的value值和innerHTML值:$("#txt1").attr("value")$("#txt1").attr("value", "1234");$("#dv1").attr("innerHTML", 'this is a div'); $("#dv1").attr("innerHTML");实际上,jQuery提供了更简单的方法来访问value,innerHTML,具体函数如下:函数名说明例子val() 获取第一个匹配元素的value值$("#txt1").val()val(val) 为匹配的元素设置value值$("#txt1").val("txt1")html() 获取第一个匹配元素的html内容$("#dv1").html()html(val) 设置每一个匹配的元素的html内容$("#dv1").html("this is a div")text() 取得所有匹配文本节点的内容,并将其连接起来$("div").text()text(val) 将所有匹配元素的置为val $("div").text("divs")使用jQuery操作CSS1.修改CSS类函数名说明例子addClass(classes) 为每个匹配的元素添加指定的类名$("input").addClass("colorRed borderBlack"); hasClass(class) 判断匹配元素集合中是否至少有一个包含了指定的css类,如果有一个含有指定css类,则返回truealert($("input").hasClass("borderBlack")); removeClass([classes]) 从匹配元素中移除所有或指定的css类$("input").removeClass("colorRed borderBlack");toggleClass(classes) 如果存在(不存在)就删除(添加)指定类$("input").toggleClass("colorRed borderBlack");toggleClass(classes,switch) 当switch是true时,添加类,switch为false时,删除类$("input").toggleClass("colorRed borderBlack", true);注意:1.addClass、removeClass、toggleClass均可添加多个类,多个类之间用空格隔开2.removeClass方法的参数可选,如果有参数,则删除指定class,如果无参数,则删除匹配元素的所有class3.在调用toggleClass(classes,switch)时,我们可以有更多的用法,例如://每当按钮被点击三次时,添加样式var i = 0;$("#btn").click(function () {$("input").toggleClass("colorRed borderBlack", true);});2.修改CSS样式函数名说明例子css(name) 访问第一个匹配元素的样式属性$("input").css("color")css(properties) 把一个"名/值"对设置给所有匹配元素的样式属性$("input").css({border:"solid 3pxsilver",color:"red"})css(name,value) 为匹配的元素设置同一个样式属性如果是数字,将自动转换为像素值$("input").css("border-width","5");注意:对于样式值为数字的代码示例及结果:示例生成的源码$("input").css("border-width","5");<input style="BORDER-RIGHT-WIDTH: 5px;BORDER-TOP-WIDTH: 5px;BORDER-BOTTOM-WIDTH: 5px;BORDER-LEFT-WIDTH: 5px"id="txt1" />注意:对于一些常用的属性,例如width,height之类,使用attr("width")和css("width")是无法正常获取其值的,现在,我们来介绍一些常用的属性.获取常用的属性1.宽、高相关函数名说明例子width() 获取第一个匹配元素的宽度,默认为px $("#txt1").width()width(val) 为匹配的元素设置宽度值,默认为px$("#txt1").width(200)height() 获取第一个匹配元素的高度,默认为px$("#txt1").height()height(val) 为匹配的元素设置宽度值,默认为px$("#txt1").height(20)innerWidth() 获取第一个匹配元素内部区域宽度(包括padding,不包括border)$("#txt1").innerWidth()innerHeight() 获取第一个匹配元素内部区域高度(包括padding,不包括border)$("#txt1").innerHeight()outerWidth([margin]) 获取第一个匹配元素外部区域宽度(包括padding,border)margin为true则包括margin,否则不包括$("#txt1").outerWidth()outerHeight([margin]) 获取第一个匹配元素外部区域高度(包括padding,border)margin为true则包括margin,否则不包括$("#txt1").outerHeight(true)注意:返回的高度、宽度均为数字,不带px参照一张图,会更容易理解些.2.位置相关在设计一些弹出对象的脚本中,经常需要动态获取弹出坐标并且设置元素的位置.jQuery为我们提供了位置相关的各个函数.函数名说明例子offset() 获取匹配元素在当前窗口的相对偏移只对可见元素有效$("#btn").offset().top$("#btn").offset().leftposition() 获取匹配元素相对父元素的偏移只对可见元素有效$("#btn").position().top$("#btn").position().leftscrollTop() 获取匹配元素相对滚动条顶部的偏移对可见元素和隐藏元素均有效$("div").scrollTop()scrollTop(val) 设置垂直滚动条顶部偏移为该值对可见元素和隐藏元素均有效$("div").scrollTop(200)scrollLeft() 获取匹配元素相对滚动条左部的偏移对可见元素和隐藏元素均有效$("div").scrollLeft()scrollLeft(val) 设置水平滚动条左侧的偏移对可见元素和隐藏元素均有效$("div").scrollLeft(200)注意:offset方法是相对于当前窗口的相对偏移,而position方法是相对于父元素的偏移--选自《从零开始学习jQuery》。
toggleclass用法
toggleclass用法ToggleClass()用法：实现元素样式的切换ToggleClass()是jQuery提供的一个功能强大的方法，它可以实现对元素样式的切换。
通过一行代码，我们就可以轻松地为元素添加或者移除一个或多个指定的样式类，而不用手动编写复杂的逻辑判断语句。
一、ToggleClass()使用示例下面是一个基本的使用示例：HTML代码：<button id="btnToggle">点击切换样式</button>CSS代码：.red {background-color: red;}JS代码：(document).ready(function () {("#btnToggle").click(function () {("#btnToggle").toggleClass("red");});});这段代码的功能是：点击按钮时，切换按钮的背景色，如果按钮有red样式，那么移除它；如果没有red样式，那么添加它。
二、ToggleClass()的基本语法ToggleClass()的语法非常简单，只是需要传入一个或多个样式类名作为参数。
下面是它的基本语法：(selector).toggleClass(classname,function(index, className, switch))参数说明：1. selector：要切换样式的元素，可以是元素名、类名、ID名等；2. classname：一个或多个需要添加或移除的样式类名，多个样式类名之间需要用空格分隔；3. function(index, className, switch)：可选的回调函数，当切换完成后执行。
三、ToggleClass()的特点ToggleClass()方法的调用类似于开关的概念，每次调用都会“开关状态”进行一次切换，即如果元素已经有指定的样式类，则会移除它；如果元素没有指定的样式类，则会添加它。
jq追加到指定元素的末尾方法
jq追加到指定元素的末尾方法在使用jQuery进行前端页面的开发过程中，经常需要向指定元素的末尾追加内容，以实现动态的交互效果。
本文将介绍jQuery追加到指定元素的末尾方法。
首先，我们需要先准备一些HTML代码和CSS样式，以便实现演示效果。
假设我们现在有一个包含了一个按钮的HTML页面代码如下：其中，我们通过`<div>`元素创建了一个容器，内部包含一个用于显示消息的`<div>`元素和一个用于发送消息的按钮。
为了保证显示效果，我们给`#content`元素设置了固定高度并开启了垂直滚动条。
接下来，我们需要借助jQuery来操作DOM，实现追加内容的功能。
具体代码如下：```javascript$(function() {// 获取按钮元素var $btnSend = $('#btn-send');// 获取内容容器元素var $content = $('#content');// 点击按钮时触发事件$btnSend.on('click', function() {// 从textarea中获取消息内容var msg = '测试消息：' + new Date().toLocaleTimeString();// 创建新的消息元素var $msg = $('<div class="msg"></div>').text(msg);// 将新消息添加到容器末尾$content.append($msg);});});```以上代码主要实现了以下几个步骤：1. 获取按钮元素和内容容器元素，方便后续通过jQuery进行DOM操作；2. 给按钮元素绑定一个`click`事件，这样当用户点击按钮时就可以执行相应的操作；3. 从文本框中获取消息内容，这里我们只是简单的生成了一个带有时间戳的测试消息；4. 创建一个新的`<div>`元素，用于展示新消息的内容，并添加相应的CSS样式；5. 将刚刚创建的新消息元素添加到内容容器的末尾，从而实现消息的追加。
jQuery添加和删除指定标签的方法
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="/" /> <title>首页</title> <style type="text/css"> .mytest{ border:1px solid green; width:100px; height:100px; color:red; } </style> <script src="/jquery/1.9.0/jquery.js"></script> <script type="text/javascript"> $(document).ready(function () { $("#add").click(function () { $("div").addClass("mytest"); }); $("#del").click(function () { $("div").removeClass("mytest"); })பைடு நூலகம்}) </script> <body> <div>珍惜当前，因为只有当前才是实实在在的</div> <button id="add">添加样式</button> <button id="del">删除样式</button> </body> </html>
jQuery修改class属性和CSS样式
jQuery修改class属性和CSS样式jQuery修改class属性和CSS样式class属性修改 类属性即class属性,规定类名. ⽤类选择器规定样式的时候,需要为元素指定类名,即class属性的值. 注意每个HTML元素只有⼀个class属性.但是class属性的值可以是多个名称,即可能包含⼀个词的列表,中间⽤空格分隔. 具体使⽤⽅法见: ⽤jQuery进⾏类名修改既可以⽤attr()⽅法修改”class”属性,也可以⽤addClass(), removeClass(), toggleClass()等⽅法来完成.addClass() API: addClass()⽅法向匹配的元素增加指定的类名(⼀个或多个). 注意对于元素来说,class属性可以有多个值.该⽅法不会移除已经存在的值,⽽是在原有的基础上追加⼀个或多个class属性. ⽤attr()⽅法设置class属性,是⼀个覆盖的过程;⽽addClass()则是⼀个追加的过程. class之间最终是⽤空格来隔开的. 如果需要添加多个类,⽤空格分隔类名. 从1.4开始,这个⽅法的参数也可以传⼊⼀个function.removeClass() API: removeClass()⽅法从被选元素移除⼀个或多个类.如需移除若⼲类,⽤空格来分隔类名. 如果没有传参数,该⽅法将会移除被选元素的所有类.toggleClass() API: toggleClass()⽅法对被选元素的⼀个或多个类进⾏切换(设置或移除). 该⽅法检查每个元素中的指定类,如果存在则删除,如果不存在则添加. 通过添加参数,可以设置只进⾏删除或者只进⾏添加操作. 格式:$(selector).toggleClass(class,switch) switch值为true时,只添加;为false时,只删除.hasClass() API: hasClass()⽅法检查被选元素是否包含指定的class. 还可以⽤is()⽅法实现同样的功能,⽅法参数传⼊⼀个选择器字符串,⽐如”.className”.CSS样式修改 jQuery中还有⼀些⽅法直接返回或者设置元素的CSS属性.css() API: 读操作: 获取匹配元素集合中第⼀个元素的指定样式值(⼀个或多个). 注:读取多个样式值的操作是在jQuery v1.9才加⼊的. 写操作: 为匹配元素集合中的每⼀个元素设置⼀个或多个CSS属性的值. 传⼊的参数可以是单个的键值对,也可以是PlainObject指定的多个值,还可以是function.(v1.4). jQuery会处理各个浏览器中不太相同的⼀些具体情况,⽐如W3C的cssFloat在IE中是styleFloat,在jQuery中,你可以使⽤float,然后jQuery会帮你把它翻译成每个浏览器中应该有的正确名称. 还有,jQuery会合理解读CSS和DOM格式的多词属性,⽐如.css(“background-color”)和.css(“backgroundColor”),它都是可以处理的.height()和width() API: 和 ⾼度和宽度属性.这个宽⾼值不包括padding,border和margin.除⾮box-sizing属性被使⽤了. 注意写操作的时候set的是content的宽⾼,不包括box-sizing的部分. 读操作仍然是返回集合第⼀个元素的属性值. .css(“width”)和.width()的区别是:前者返回带单位的值,⽐如400px;后者返回不带单位的像素数值,即400. 所以如果值需要被⽤于某种计算,.height()和.width()是被推荐使⽤的. 读取得到的数值不⼀定是整型,并且如果⽤户缩放了页⾯,其值可能是不正确的,因为浏览器没有暴露这种情况的API. 还有⼀种不准确的情况,当这个元素的⽗元素隐藏起来时,该元素的尺⼨可能读不准. 写操作⽀持的value类型是字符串或者数字. 如果是数字,jQuery默认是px为单位. 如果是字符串,除了可以数字加单位之外,任何合理的CSS measurement都可以⽤,⽐如100%,50%,或者auto.position() API: 返回第⼀个匹配元素相对于⽗元素(offset parent)的位置. 只有读操作.offset() API: 返回第⼀个匹配元素的坐标,或者设定每⼀个匹配元素的坐标,这个坐标是相对于document的.offsetParent() API: 返回⽗类,只有读操作.scrollLeft()和scrollTop() API: 和参考资料 圣思园张龙⽼师JavaWeb视频教程75 jQuery API: w3school 参考⼿册: 属性操作: CSS操作: CSS类选择器:。
Jquery复习DAY2（jQuery属性操作jQuery文本属性值jQuery元素操作）
Jquery复习DAY2（jQuery属性操作jQuery⽂本属性值jQuery元素操作）5. jQuery 属性操作5.1 设置或获取元素固有属性值 prop()所谓元素固有属性就是元素本⾝⾃带的属性，⽐如 <a> 元素⾥⾯的 href ，⽐如 <input> 元素⾥⾯的 type。
1. 获取属性语法prop(''属性'')2. 设置属性语法prop(''属性'', ''属性值'')5.2 设置或获取元素⾃定义属性值 attr()⽤户⾃⼰给元素添加的属性，我们称为⾃定义属性。
⽐如给 div 添加 index =“1”。
1. 获取属性语法attr(''属性'') // 类似原⽣ getAttribute()2. 设置属性语法attr(''属性'', ''属性值'') // 类似原⽣ setAttribute()改⽅法也可以获取 H5 ⾃定义属性5.3 数据缓存 data()data() ⽅法可以在指定的元素上存取数据，并不会修改 DOM 元素结构。
⼀旦页⾯刷新，之前存放的数据都将被移除。
1. 附加数据语法data(''name'',''value'') // 向被选元素附加数据2. 获取数据语法date(''name'') // 向被选元素获取数据同时，还可以读取 HTML5 ⾃定义属性 data-index ，得到的是数字型6. jQuery 内容⽂本值主要针对元素的内容还有表单的值操作。
1. 普通元素内容 html()（相当于原⽣inner HTML)html() // 获取元素的内容html(''内容'') // 设置元素的内容2. 普通元素⽂本内容 text() (相当与原⽣ innerText)text() // 获取元素的⽂本内容text(''⽂本内容'') // 设置元素的⽂本内容主要针对元素的内容还有表单的值操作。
jq增加类名的方法
jq增加类名的方法以jq增加类名的方法为标题，写一篇文章。
一、概述在Web开发中，经常需要动态操作DOM元素，其中一项常见的需求是为元素添加或移除类名。
jQuery是一款优秀的JavaScript 库，提供了丰富的DOM操作功能，通过它可以轻松实现对元素的类名操作。
本文将介绍使用jQuery来增加类名的方法。
二、jQuery的基本用法在开始之前，我们需要先引入jQuery的库文件。
可以通过在HTML文档中添加以下代码来引入jQuery：<script src="jquery.min.js"></script>其中，jquery.min.js是jQuery的库文件路径，根据实际情况进行修改。
三、为元素添加类名要为元素添加类名，可以使用jQuery的addClass()方法。
该方法的基本语法如下：$(selector).addClass(className)其中，selector是需要选中的元素的选择器，className是要添加的类名。
下面是一个示例，演示如何为一个具有id为myElement的元素添加一个名为highlight的类名：$("#myElement").addClass("highlight");四、为多个元素添加类名如果需要为多个元素添加同一个类名，可以使用通用选择器或者类选择器来选中这些元素。
例如，有一个class为container的div 元素，其中包含了多个p元素，我们希望为这些p元素添加一个名为text的类名，可以这样实现：$(".container p").addClass("text");五、为元素移除类名除了添加类名，有时候我们还需要移除元素的某个类名。
jQuery提供了removeClass()方法来实现这个功能。
该方法的基本语法如下：$(selector).removeClass(className)其中，selector是需要选中的元素的选择器，className是要移除的类名。
jquery_中让小球由圆形变为正方形的方法_概述及解释说明
jquery 中让小球由圆形变为正方形的方法概述及解释说明1. 引言1.1 概述在网页设计和开发过程中，我们经常需要借助javascript框架来实现一些交互效果。
jQuery作为最常用的javascript框架之一，提供了丰富的函数和方法来操作DOM元素，从而实现各种动态效果。
本文将介绍一种利用jQuery库中的方法来让一个小球由圆形变为正方形的实现方法。
1.2 文章结构本文将以以下结构进行讲述：- 引言：对文章主题进行概述，并介绍文章结构与目的。
- jquery 中让小球由圆形变为正方形的方法：详细介绍jquery库的简介、小球基本属性和动画效果，以及圆形到正方形转变过程及具体实现方法。
- 解释说明：对圆形和正方形的特点进行对比，并介绍jquery中操作DOM元素改变形状的方法。
同时通过一个实例演示，详解使用jquery实现小球由圆形变为正方形的效果步骤。
- 结论：总结文章内容和要点，并展望下一步研究方向或应用场景。
1.3 目的本文旨在通过对jquery库中相关函数和方法的介绍与解析，帮助读者了解如何利用这些功能将一个小球从圆形逐渐转变为正方形的动画效果。
通过掌握这一技巧，读者可以在网页设计中实现更加丰富多样的动态效果，并应用于实际项目中。
以上是本文“1. 引言”部分的内容概述，接下来会进入第二部分“jquery 中让小球由圆形变为正方形的方法”的详细介绍。
2. jquery 中让小球由圆形变为正方形的方法2.1 jquery库简介jQuery是一种广泛使用的跨浏览器JavaScript库，专注于简化HTML文档操作、事件处理、动画效果和AJAX等操作。
通过使用jQuery库，我们可以更加便捷地操作DOM元素并实现各种动画效果。
2.2 小球的基本属性和动画效果在我们的示例中，小球具备位置坐标、颜色、大小等基本属性，并且存在由圆形变为正方形的过程。
通过改变这些属性值来实现小球形状的转变，并结合动画效果使其平滑过渡。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
JQuery为元素添加样式
由于jquery支持css3，所有能很好的兼容很多浏览器，所以通过jquery来使用css样式比较好
为定义好的css样式可以调用元素的css方法添加样式
$("span").css("css属性名","属性值")
如 $("span").css("color","red") 将标签为span的字体都设为红色的
$("#id") $("span")
如果是定义好的css样式，可以通过addClass来添加，比如
<style type="text/css">
.aa
{
border:1px solid red;
}
</style>
$("#txtName").addClass("aa");
<input id="txtName" type="text" value="请输入你的姓名" />
下面列举下对css样式操作的方法：
1、.css("样式")：获得样式值，比如$("input").css("color") 获得input中字体的颜色
2、.css("样式","value"):为样式赋值，如$("input").css("color","red");
3、.addClass("样式类1,样式类2,样式类3"):可以添加多个定义好的样式类
4、.hasClass("样式类类")：判断是否存在该样式
5、.toggleClass("样式类")：如果存在(不存在)就切换(删除)样式
6、.toggleClass("样式类",swith):如果swith为false，则删除样式，如果swith为true，则切换成该类
7、removeClass("样式类")：移除样式类
8、.css({样式名:"value",样式名:"value",样式名:"value"}):可以多次添加样式
当然还有很多方法，这些等用到的时候查查api就可以了！
多思考，多创新，才是正道！。