jquery添加和删除css有哪些方式?

TheDisguiser 2020-08-05 17:33:27 java常见问答 7312

jquery是最近前段热门技术之一,掌握如何在jquery添加和删除css是非常有必要的,下面一起来瞧瞧吧。

属性设置

方式一:

$("img").attr({ src: "test.jpg", alt: "Test Image" }

方式二:--键值对

$("img").attr("src","test.jpg");

方式三: --函数式

$("img").attr("title", function() { return this.src });

Class添加

方式一:

$("p").addClass("selected");

class删除

方式一:

$("p").removeClass("selected");

Class切换

方式一:

$("p").toggleClass("selected");

Css格式添加

方式一:

$("p").css({ color: "#ff0011", background: "blue" });

方式二:键值对

$("p").css("color","red");

Css样式移除

方式一、移除全部使用removeattr("style");

方式二、移除单个使用css("属性","");

jquery点击隐藏与显示

<script>
$(function(){
    $('#lol').click(function(){//点击a标签
if($('#timo').is(':hidden')){//如果当前隐藏
$('#timo').show();//那么就显示div
}else{//否则
$('#timo').hide();//就隐藏div
}
    })
})
</script>

以上就是本篇文章的所有内容,相信小伙伴们对java项目中常见问题都有了自己的理解了,更多详情快来关注我们查看吧。

推荐阅读:

jquery modile如何插入列表视图?方法详解

jquery ajax返回值怎样进行赋值?java

jquery如何给b标签赋值?方法介绍