美文网首页
jquery样式、属性操作

jquery样式、属性操作

作者: 蓝色海洋_bd2b | 来源:发表于2019-04-14 22:16 被阅读0次

jquery样式操作
同一个函数完成取值和赋值

操作行间样式

// 获取div的样式
("div").css("width");("div").css("color");

//设置div的样式
("div").css("width","30px");("div").css("height","30px");
("div").css({fontSize:"30px",color:"red"}); 特别注意 选择器获取的多个元素,获取信息获取的是第一个,比如:("div").css("width"),获取的是第一个div的 width。

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

jquery属性操作
1、html() 取出或设置html内容
// 取出html内容
var htm =('#div1').html();
// 设置html内容
$('#div1').html('<span>添加文字</span>');

2、text() 取出或设置text内容
// 取出文本内容
var htm =('#div1').text();
// 设置文本内容
$('#div1').text('<span>添加文字</span>');

3、attr() 取出或设置某个属性的值
// 取出图片的地址
var src =('#img1').attr('src');
// 设置图片的地址和alt属性
$('#img1').attr({ src: "test.jpg", alt: "Test Image" });

相关文章

  • jQuery 样式操作

    jQuery 样式操作 1、基本样式操作 设置样式属性操作 获取样式属性操作 2、类样式操作 添加类样式 移除类样...

  • jQuery操作 及动画效果

    jQuery样式操作 click事件 jQuery索引值 jQuery做选项卡 jQuery属性操作 jQuery...

  • jQuery操作 及动画效果

    jQuery样式操作 click事件 jQuery索引值 jQuery做选项卡 jQuery属性操作 jQuery...

  • jQuery操作 及动画效果

    jQuery样式操作 click事件 jQuery索引值 jQuery做选项卡 jQuery属性操作 jQuery...

  • jQuery操作样式与属性

    jQuery操作样式 css操作 功能:设置或者修改样式,操作的是style属性 操作单个样式 设置多个样式 获取...

  • 前端学习笔记(二)

    jquery和JavaScript之间操作属性和样式的方法,被我搞混了,认真学习区分了一下。 jquery操作样式...

  • day9-jQuery

    十七.什么是jQuery 十八.jQuery属性操作和样式 十九.jQuery的动态添加和删除 20.Ajax

  • jQuery 属性、样式操作

    1、属性操作 获取属性 设置属性 删除属性 2、样式操作 获取属性 设置属性 追加样式 移除样式 切换样式

  • jquery样式、属性操作

    jquery样式操作同一个函数完成取值和赋值 操作行间样式 // 获取div的样式("div").css("col...

  • jquery样式操作 属性操作

    同一个函数完成取值和赋值 操作行间样式 // 获取div的样式("div").css("color"); //设置...

网友评论

      本文标题:jquery样式、属性操作

      本文链接:https://www.haomeiwen.com/subject/bcsewqtx.html