css相关 随手记

1.获取div下面第一个span里面的值。
id: $(’#thisDiv’).children(“span”).eq(0).text();
class: $(’.thisClass’).children(“span”).eq(0).text();
获取其他元素将span替换为其他元素，获取第二个将0替换为1

 var text= $('.r-middle-one1').children("span").eq(0).text();
 console.log("text", text);

根据id或者class获取当前元素的文本

id:  $('#thisDiv').text();
class: $('.thisClass').text();

获取元素的值

var queryStartDate = $("#queryStartDate").val();
var queryEndDate = $("#queryEndDate").val();

2.给标签赋值的方法

document.getElementById("name").innerText = "hello world";
document.getElementById("name").innerHTML = "<span>hello world</span>";

3.给元素赋值（宽，高等）

var div=document.getElementById("startOne");
 div.style.height=(50)+"%";
 div.style.width=(60)+"%";

给img标签添加元素

$('#select div>img').attr("src", "/images/homepage/open.png");
$("#img").attr("src","/images/wechat/button_sub.png");

控制元素的显示与隐藏

 $('#noData').css("display","block");
 $('#tableData').css("display","none");

$('.page').show();
$('.no-data').hide();

根据id给某元素添加样式/移除样式

 $('#date').removeClass('r-date');
 $('#date').addClass('r-date');

来源：CSDN

作者：rookieTan

链接：https://blog.csdn.net/rookieTa/article/details/103988587