巅峰霸主 > 代码分享 > 源代码分享 >

Jquery添加删除属性、添加删除class、添加删除Css

时间:2021-02-12 23:01:23  来源:巅峰霸主网  作者:烈火大地 点击:
摘要:想要使用JS方法来添加或删除某些元素,但是又不会,这里整理了关于jQuery各种添加删除的方法和示例代码,使用时替换相关的元素即可……

一.设置属性:

方式一  jQuery 代码:

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

方式二:jQuery代码--键值对

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

方式三: jQuery 代码--函数式:

$("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("属性","");


(责任编辑:陆柏熺)
评价:
用户名: 验证码: 看不清?点击更换


关注站长自媒体 获取更多优质内容

  • 百家号
    百家号
  • 头条号
    头条号
  • 企鹅号
    企鹅号

2019-2021 ©巅峰霸主网 京ICP备12023415号-2
返回
顶部