zoukankan      html  css  js  c++  java
  • jquery 学习

    <script type="text/javascript" src="js/jquery-1.11.3.js"></script>  //引入

    $(document).ready()的作用类似于 传统JavaScript中的window.onload方法,即页面加载完成后再执行

    区别:

     1. window.onload必须等到页面内包括图片等所有元素加载完毕后才能执行。
            $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。 

     2. window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个
            $(document).ready()可以同时编写多个,并且都可以得到执行

     3.   window.onload没有简化写法 

             $(document).ready(function(){})可以简写成$(function(){});

    一、设置样式

       js :  var d=document.getElementById("div");

          d.style.color="red";

       jq:

        $(".div").css("color","red");  //设置单个样式

        $("p").css({"font-size":"14px","background-color":"#ccc"}); // 设置多个样式,花括号,冒号,逗号

    二、获取、设置innerHTML

      js :  var d=document.getElementById("div");

         d.innerHTML="hello";

      jq:

        var ht=$("#div").html();   //获取

        $("#div").html(“hello”);   //设置

        

  • 相关阅读:
    通讯技术
    (1)sqlserver2017安装
    c# api身份验证和授权
    ()centos7 安装python36
    python 包管理
    ()centos7 安装mysql8.0
    [bzoj1095][ZJOI2007]Hide 捉迷藏 点分树,动态点分治
    bzoj 3544 [ONTAK2010]Creative Accounting 贪心
    BZOJ4300 绝世好题 dp
    bzoj 4295 [PA2015]Hazard 贪心,暴力
  • 原文地址:https://www.cnblogs.com/luhailin/p/6774246.html
Copyright © 2011-2022 走看看