zoukankan      html  css  js  c++  java
  • 一个全新的脚步跟上我的步伐------你的未来很光明因为你今天看了我的文章

    一个人的处境是苦是乐常是主观的。

    有人安于某种生活,有人不能。因此能安于自已目前处境的不妨就如此生活下去,不能的只好努力另找出路。你无法断言哪里才是成功的,也无法肯定当自已到达了某一点之后,会不会快乐。有些人永远不会感到满足,他的快乐只建立在不断地追求与争取的过程之中,因此,他的目标不断地向远处推移。这种人的快乐可能少,但成就可能大。
      
    苦乐全凭自已判断,这和客观环境并不一定有直接关系,正如一个不爱珠宝的女人,即使置身在极其重视虚荣的环境,也无伤她的自尊。
      
    拥有万卷书的穷书生,并不想去和百万富翁交换钻石或股票。满足于田园生活的人也并不艳羡任何学者的荣誉头衔,或高官厚禄。
      
    你的爱好就是你的方向,你的兴趣就是你的资本,你的性情就是你的命运。各人有各人理想的乐园,有自已所乐于安享的花花世界。
     
    好了,美丽的短文欣赏完了,请全心全意投入进来,孰能的掌握我赋予你的知识!
    前几篇的文章讲的都是JavaScript(js),下面我要讲的是jQuery。那么js和jQuery之间存在什么样的关系呢?
    jQuery是JavaScript的程序库之一,它是JavaScript对象的实用函数的封装。jQuery与JavaScript相比最大的优势就是浏览器的兼容性。
    用途:(1)访问和操作DOM元素(2)控制页面样式(3)对页面事件的处理(4)方便地使用jQuery插件(5)与Ajax技术的完美结合
    优势:(1)轻量级(2)强大的选择器(3)出色的DOM封装(4)可靠的时间处理机制(5)出色的浏览器的兼容性(6)隐式迭代(7)丰富的插件支持
    说这么多不来个案例都体现不来我的厉害:
     1  <script src="js//jquery-1.12.3.min.js"></script>//这是jQuery包网上可以下载 也是写程序必须导入的包
     2     
     3     <script type="text/javascript">
     4         //$(document).ready(function () {
     5         //    alert("我的第一个jQuery程序");
     6         //});
     7         $(function () {
     8             alert("我的第一个jQuery程序");
     9         });
    10     </script>

    jQuery语法结构:

    $(selector).action();

    工厂函数$();其中$美元符号等价于jQuery;即$()=jQuer().

    选择器:$(selector)    div标签 ("#****")

               所有的div ("div")

              class标签(".****")

    方法:action();

      addClass方法:jQuery对象。addClass([样式名]);

      css():添加样式方法

    来个案例?来个案例:

     1  <style type="text/css">
     2         h2 {
     3             padding:5px;
     4         }
     5         p {
     6             display:none;
     7         }
     8     </style>
     9     <script src="js//jquery-1.12.3.min.js"></script>
    10     <script type="text/javascript">
    11         $(document).ready(function () {
    12             $("h2").click(function () {
    13                 $("h2").css("background-color", "pink").next().css("display", "block");
    14             });
    15         });
    16     </script>
    17 </head>
    18 <body>
    19     <h2>什么是受益人</h2>
    20     <p>
    21         <strong>解答</strong>
    22         我也不知道!
    23     </p>
    24 </body>

    DOM对象和jQuery对象

    DOM对象变成jQuery对象:$(dom)

    jQuery对象变成DOM对象:jQuery对象[0]

    来个案例吧,这块没什么说的:

     1   <title>使用DOM方式判断</title>
     2     <style type="text/css">
     3         p {
     4             font-size:20px;
     5         }
     6     </style>
     7     <script src="js//jquery-1.12.3.min.js"></script>
     8     <script type="text/javascript">
     9         $(function(){
    10             var dom = document.getElementById("myid");
    11             $(dom).click(function () {
    12                 alert('非常满意');
    13             });
    14         });
    15       
    16     </script>
    17 </head>
    18 <body>
    19     <p id="myid">请为我们的服务打分</p>
    20 </body>

    总而言之,我上面讲的这块没什么难点,大家仔细阅读就可以了解,如果有疑问可以在下方评论,小编会尽快做出回答哦!

  • 相关阅读:
    web service--基础概念(1)
    java web--国际化 i18n
    洛谷 P3842 [TJOI2007]线段
    洛谷 P6205 [USACO06JAN]Dollar Dayz S
    洛谷 P5414 [YNOI2019]排序
    洛谷 P1681 最大正方形II
    洛谷 P2327 [SCOI2005]扫雷
    洛谷 P1373 小a和uim之大逃离
    洛谷 P4317 花神的数论题
    洛谷 P4127 [AHOI2009]同类分布
  • 原文地址:https://www.cnblogs.com/ay-nzz/p/by_vzz.html
Copyright © 2011-2022 走看看