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");