日度归档:2020年6月6日

css 如何根据html标签id隐藏元素呢?


摘要:
下文讲述css代码中使用标签id隐藏元素的方法分享,如下所示:

 实现思路:
     在css代码中,使用井号加标签id,然后css隐藏属性即可隐藏div元素,例:
     #id{cssCode}

例:
隐藏元素Id等于 divTest 的div标签

<meta charset='utf-8' />
<p>
 maomao365.com <br />
 隐藏id='divTest'的标签
</p>
<hr />
<style>
 div{
   background-color:green;
   color:white;font-weight:bold;
   height:80px;width:120px;
   margin:10px;
 }

 /*根据标签id 隐藏div元素*/
 #divTest{
   display:none;
  }
</style>

<div id="divTest" >
 猫猫教程-1
</div>

<div id="divTest2" >
 猫猫教程-2
</div>
css根据标签id隐藏元素的示例分享

css根据标签id隐藏元素的示例分享

javascript 如何使用jquery框架向div标签中添加文字信息呢?


摘要:
下文讲述使用jquery框架向div标签中放入文字的方法分享,如下所示:

实现思路:
    使用jquery方法text可向指定标签中插入文本信息  

例:

<meta charset='utf-8' />
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"
 ></script>
<script>
$(function(){
  $("#divTest").text("猫猫教程");
});
</script>
<div id="divTest">

</div>  

javascript jquery如何获取指定对象下的第一级对象呢?


摘要:
下文讲述使用jquery框架获取指定对象下的第一级子对象的方法分享,如下所示:

实现思路:
     使用jquery选择器 $("主选择器 > 子选择器")即可选择出子对象

例:
使用Jquery框架选择id=”divTest” 下的子div


 <div id="divTest">
    <div id="div1" >
        <div>...</div>
    </div>
    <div id="div2" >
        <div>...</div>
    </div>
    <div id="div3" >
        <div>...</div>
    </div>
</div>

<script>

var divList = [];
$("#divTest > div").each(function() {
    divList.push(this.id);
});
 
</script>