189 8069 5689
这个用jQuery实现一般是添加一个类和删除一个类。
昆都仑ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为创新互联建站的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：18980820575（备注：SSL证书合作）期待与您的合作！
首先要有一个写好的class样式类。通过下面这个代码实现：
var obj2 = $("div"); // 改变样式的对象
obj2.addClass("className"); // 添加样式，className为已经存在一个class名字
obj2.removeClass("className"); // 删除样式
切换样式
JQuery中有一个方法toggle()，JQuery代码如下：
1 toggleBtn.toggle(function(){
2 //元素显示 代码③
3 }, function(){
4 //元素隐藏 代码④
5 })
toggle()方法此处的作用是交替执行代码③和代码④两个函数，如果元素原来是显示的，则隐藏它：如果元素原来是隐藏的，则显示它。此时，toggle()方法主要是控制行为上的重复切换。
另外JQuery还提供了一个toggleClass()方法控制样式上的重复切换。如果类名存在则删除它，如果类名不存在则添加它。例如对p元素进行toggleClass()方法操作。
1 $("p").toggleClass("another"); //重复切换类名“another”
当不断单击“切换样式”按钮时，p元素的class的值就会在“myClass”和“myClass another”之间重复切换。
常用的方法有两种：
1、用jquery直接加样式在html控件上，但是需要注意点加important的格式，如：
$("p").click(function(){
$(this).css("cssText","color:red!important");
});
2、用jquery改变class，从而达到改变样式的目的，如果可以，就用jquery修改原来的class，如果原有class是必须的或者没有class，就定义一个新的class，在样式表里定义好这个class对应的样式属性，把你想改变的原来的css属性重新赋值且加上important，这样就能覆盖掉原来的加了important样式了。
首先需要获取到文本框元素，然后通过Jquerycss操作方法修改样式。
Jquery可以根据标签名、id、类等很多方式选取元素。
ID选择器
# 选取带有唯一的指定 id 的元素。id 引用 HTML 元素的 id 属性。相同的 id 值只能在文档中使用一次。
类选择器
. 选择器选取带有指定 class 的元素。class 引用 HTML 元素的 class 属性。与 id 选择器不同，class 选择器常用于多个元素。这样就可以为带有相同 class 的任何 HTML 元素设置特定的样式
标签名选择器
element 选择器选取带有指定标签名的元素。标签名引用 HTML 标签的 与 之间的文本。
如题根据文本框的样式选择标签，我们可以通过以下代码实现。
\\比如文本框的class="text1",则通过类选择器选取。即：
$(".text1")
Jquery修改样式的方法有css，addClass,removeClass等方法.
例如如修改文本框的class="text1"的样式我们可以通过Css方法这样实现：
$(".text1").css({width:"70px",height:"20px",border:"1px solide gray"});
也可通过直接给该元素新增一个样式达到修改效果：
\*我们有一个text2的样式*\
.text2{
width:70px；height:20px；border:1px solide gray；
}
\\然后我们直接添加这个class
$(".text1").addClass("text2");
\\如担心之前已有样式和新增样式冲突，我们可以在添加的同时移除新样式。
$(".text1").addClass("text2").removeClass("text1");
jquery复制的节点怎么改变样式,如下通过一个例子来说明：
例子代码：
!DOCTYPE html
html
head
script src="/jquery/jquery-1.11.1.min.js"/script
script
function myFunction()
{
$("#h01").html("Hello jQuery");
$("ul li").click(function(){
$(this).clone(true).appendTo("ul").attr("id","cloneli");
//复制当前点击的节点，并将它追加到《ul》元素中，当添加参数时复制它的事件
$("#cloneli").text("是li2").css("background","red");
});
}
$(document).ready(myFunction);
/script
/head
body
h1 id="h01"/h1
div id='test_div'
ul
li 是li1/li
/ul
div
/body
/html
其中： $(this).clone(true).appendTo("ul").attr("id","cloneli");是jQuery的复制，在复制添加到ul标签里后，在给该复制的li加上一个id,id标明该li标签唯一，通过该标签可操作修改其样式。
$("#cloneli")即是复制标签的操作对象，可以调用jQuery其他方法可修改样式，如下修改背景颜色。
$("#cloneli").text("是li2").css("background","red");
当点击“是li1”,复制添加到li1下面，红色背景li2(在点击事件中已修改)
JQ修改样式：
$("选择器名称").css({"属性名“:"属性值","属性名“:"属性值","属性名“:"属性值"});属性可写多个也可以写一个。