jquery的使用(1)

//---html部分：
<a href="###" id="soilTime">土壤水分<span>(13)</span></a>
 <h3 id="time_data">物联网站点实时数据</h3>
js部分：
//---document.getElementById()   获取ID
//---document.getElementsByClassName() 获取类元素
// ---document.getElementsByTagName()   获取指定标签名
//---document.getElementsByName()           获取指定名称的对象
 [document 对象][1]
 var realTime = document.getElementById('realTime'); //---物联网
    // ---土壤水分事件
$('#soilTime').click(() => {

    // ---使用javascript进行样式修改
    realTime.style.display = "none"; //------物联网

    //---利用html/text 对文档内容进行操作修改
    $('#time_data').html('土壤水分观测站点实时数据');  
})

主要是jQuery的选择器：下面说下最基础的几个

  选择器           格式              举例
1.id选择器     $("#id的属性值")     $("#name");
2.class选择器  $(".class的属性值")  $(".name")
3.标签选择器    $("html标签")       $("p")
4.*选择器      $("*")             $("*")
5.群组选择器    $("选择器1,选择器二,...")  $("p,#name")