js 与 jQuery 控制div显示与隐藏，给div赋内容的简单测试。和css的简单写法

最新推荐文章于 2021-06-03 07:32:10 发布

JACKASDFGHJKL

最新推荐文章于 2021-06-03 07:32:10 发布

阅读量128

点赞数

分类专栏： jQuery javaScript 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/JACKASDFGHJKL/article/details/84211780

版权

javaScript 同时被 2 个专栏收录

73 篇文章 0 订阅

订阅专栏

jQuery

38 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<style>

      #div_id_1{color:red};
    .div_class_1{color:yellow}
</style>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
$(document).ready(function(){
// 下面几种方法都可以给div赋内容
// $("div").html("111111111111");
// $("div").text("222222222222");

//     $("#div_id").html("3333333333");
// $("#div_id").text("4444444444");

// $(".div_class").html("5555555555");
//    $(".div_class").text("6666666666");

// alert($("#div_id_1").html());
//    alert($(".div_class_1").text());
});

   function views(){
   $("#div_id_1").show();
//    document.getElementById("div_id_1").style.display="";
   }

   function blanks(){
     $("#div_id_1").hide();
//     document.getElementById("div_id_1").style.display="none";
   }
</script>
</head>
<body>

<div id="div_id" class="div_class"></div>

<div id="div_id_1" class="div_class_1" style="display:none">success forever</div><br>
<input type="button" value="显示" οnclick="views();">   
<input type="button" value="隐藏" οnclick="blanks();"><br>
</body>
</html>

JACKASDFGHJKL

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js 与 jQuery 控制div显示与隐藏，给div赋内容的简单测试。和css的简单写法

&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;style&gt; #div_id_1{color:red}; .div_class_1{color:yellow} &lt;/style&gt; &lt;script src="http://code.jquery.com/jquery-latest.min...
复制链接

扫一扫