jquery中的css("color","red")里的color是来自于哪里,如css("fontSize","30px")里

html-css020

jquery中的css("color","red")里的color是来自于哪里,如css("fontSize","30px")里,第1张

<style>

  function ck(){

      $("#dv").css("color","red")

       //获取到对象  设置对象css中的属性color  属性值为red  也就是下面style中的属性

       $("#dv").css("fontSize","30px")

       //设置对象的字体大小为 30 px

       

       //以上是设置div对象的css样式属性 如果是div的直接属性 比如class innerHTML等等

       //可以直接修改 如:

       $("#dv").html()  //获取div两标间之间的内容

       $("#dv").html("") //带参数就表示设置内容    

       //这样的 很多建议你看看文档

       // 扣群③②〇⑦④⑧⑤⑨① 中有文档下载  技术交流

  }

</style>

<div id="dv" style="color:green"></div>

方法和详细的操作步骤如下:

1、第一步,使用hbuilder编辑器创建一个新的html文件,设置一个输入框并将其tpye属性设置为checkbox,将name属性设置为checkbox,并在复制时在顶部设置一个bgred样式,见下图,转到下面的步骤。

2、第二步,执行完上面的操作之后,介绍下面的Jquery库,获取复选框的dom元素,为其单击事件,然后确定是否已选中该复选框,如果已选中,则添加上一步中的css样式集,否则删除该样式

 ,见下图,转到下面的步骤。

3、第三步,执行完上面的操作之后,进入浏览器,会看到一个复选框,单击以选中,见下图,转到下面的步骤。

4、第四步,执行完上面的操作之后,文字颜色将更改,见下图。这样,就解决了这个问题了。

//1、获取和设置样式$("#tow").attr("class")获取ID为tow的class属性

$("#two").attr("class","divClass")设置Id为two的class属性。

//2、追加样式

$("#two").addClass("divClass2")为ID为two的对象追加样式divClass2

//3、移除样式

$("#two").removeClass("divClass")移除 ID为two的对象的class名为divClass的样式。

$(#two).removeClass("divClass divClass2")移除多个样式。

//4、切换类名

$("#two").toggleClass("anotherClass") //重复切换anotherClass样式

//5、判断是否含有某项样式

$("#two").hasClass("another")==$("#two").is(".another")

//6、获取css样式中的样式

$("div").css("color") 设置color属性值. $(element).css(style)

//设置单个样式

$("div").css("color","red")

//设置多个样式

$("div").css({fontSize:"30px",color:"red"})

$("div").css("height","30px")==$("div").height("30px")

$("div").css("width","30px")==$("div").height("30px")