jQuery介绍(二)

jQuery介绍(二)

`上一篇介绍对jQuery进行了简单的介绍 这篇开始对jQuery怎么操作修改标签 动态添加css进行介绍`

操作行间样式

// 获取div的样式
$("div").css("width"); //宽
$("div").css("color"); //颜色


//设置div的样式
$("div").css("width","30px");
$("div").css("height","30px");
$("div").css({fontSize:"30px",color:"red"});

代码添加CSS

$("#div1").addClass("divClass2") //为id为div1的对象追加样式 divClass2
$("#div1").removeClass("divClass")  //移除id为div1的对象的class名为divClass的样式
$("#div1").removeClass("divClass divClass2") //移除多个样式
$("#div1").toggleClass("anotherClass") //重复切换anotherClass样式

属性操作

取出html的内容

var $htm = $('#div1').html(); //jquery取出来的变量最好也加个$

添加标签

$('#div1').html('<span>添加文字</span>');

设置属性

 $('#img1').attr({ src: "yeah.jpg", alt: "Image" });

绑定click事件

 #(#btn).click(function(){

  //todo 此处this指的是原生对象 jQuery对象用$(this)


});