jQuery改变元素的方法

 1.获取HTML元素        $('标签').text() 例:console.log($('p').text());

2.改变HTML文本
    $('选择器').text('文本')                                      例:console.log($('.c2').text('略略略'));
    新文本会覆盖原来的内容,如果设置的文本中包含标签,是不会把这个标签解析出来的。

3.获取CSS样式
    $('选择器').css('属性')                                      例:console.log($('.c2').css('width'));
    获取包含多个dom元素的jQuery对象的样式,他只会获取到第一个dom对象的样式。

4.改变CSS样式

$("选择器").css("属性","属性值")                          例:$("#test1").css("border","3px solid red");

例:$('.c2').css({'width':'300px'; 'height':'300px'; });
设置的样式是行内样式。

5.CSS方法返回值
 css方法有返回值,返回值就是设置这个方法的元素本身 例:$(".c1").css("opacity",1).siblings(".c2").css("opacity",0.4);

6.class类使用

(1)  切换类 toggleClass(类名);例:$("#div1").toggleClass("lei1");注意:如果元素有某个类就移除这个类,如果元素没有这个类就添加这个类

(2)判断类 hasClass(类名); 例:console.log($("#div1").hasClass("lei1"));注意:判断一个元素有没有某个类,有返回true,没有返回false。

(3)移除类 removeClass(类名1 类名2); 例:$("#div1").removeClass("lei1 lei2"); 注意:若不给参数时,会移除所有类集/属性。  例:$("#div1").addClass();

(4)添加类: addClass(类名1 类名2);例:$("#div1").addClass("lei1 lei2");

相关推荐

  1. jQuery改变元素方法

    2024-03-11 17:38:03       21 阅读
  2. jquery获取子元素一些方法

    2024-03-11 17:38:03       36 阅读
  3. html隐藏元素方法

    2024-03-11 17:38:03       33 阅读
  4. CSS隐藏元素方法

    2024-03-11 17:38:03       9 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-03-11 17:38:03       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-03-11 17:38:03       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-03-11 17:38:03       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-03-11 17:38:03       20 阅读

热门阅读

  1. Linux(CentOS7.5):通过docker安装mysql8.0

    2024-03-11 17:38:03       18 阅读
  2. cudnn下载国内满速下载地址长期有效更新

    2024-03-11 17:38:03       18 阅读
  3. Redis info - 内存

    2024-03-11 17:38:03       18 阅读
  4. Apache拦截不安全漏洞

    2024-03-11 17:38:03       20 阅读
  5. python基础练习 序列求和

    2024-03-11 17:38:03       20 阅读
  6. 阿尔巴尼亚借助ChatGPT加快欧盟入会进程

    2024-03-11 17:38:03       21 阅读
  7. 3.最长连续序列

    2024-03-11 17:38:03       18 阅读
  8. _note_01

    2024-03-11 17:38:03       17 阅读
  9. TypeScript 5.4 正式发布

    2024-03-11 17:38:03       22 阅读