zoukankan      html  css  js  c++  java
  • 2.1 JQuery框架(封装JavaScript框架)

    2.1 JQuery框架

    一、JQuery是一个javascript的框架,是对javascript的一种封装。 

    通过JQuery可以非常方便的操作html的元素要使用Jquery需要导入一个第三方的javascript库 jquery.min.js,

    与javascript通过id获取元素节点的方式(document.getElementById )不同

    需要注意的是,通过 document.getElementById 获取到的是 DOM里的 元素节点
    JQuery通过$("#id") 获取到的是一个 JQuery 对象

    <script src="http://how2j.cn/study/jquery.min.js"></script>
    <script>
    //$(...);JQuery代码都是文档加载好之后的。
    $(function(){
    //通过$("#b1") 获取到的是一个 JQuery 对象
       $("#b1").click(function(){
    //通过$("#d")拿到div对象后,直接调用hide()和show()方法,即可实现隐藏和显示。
          $("#d").hide();
       });
       $("#b2").click(function(){
          $("#d").show();
       });
    });
     
    </script>
    <button id="b1">隐藏div</button>
    <button id="b2">显示div</button>
     
    <br>
    <br>
    <div id="d">
     
    这是一个div
    </div>

    JQuery 不需要在html元素上进行操作
    这样的好处是,html只需要显示内容,特别是业务复杂起来之后维护js代码会更加容易。

    二、常见方法

    2.1 通过JQuery对象的val()方法获取值 、相当于 document.getElementById("input1").value;

    2.2 通过html() 获取元素内容,如果有子元素,保留标签

    2.3 通过text() 获取元素内容,如果有子元素,不包含标签

    三、

  • 相关阅读:
    Office2010中功能强大的图片背景删除工具
    ArcGIS 缓冲区单位转换问题
    ArcGIS Server 优化
    SQLSERVER 三值逻辑
    SQLSERVER 重置自增列
    ArcGIS 基于AO 实现的经纬度定位
    AO连接ArcGIS server 超时问题
    MySQL 1064 错误
    Socket 请求http 汉字编码问题
    Navicat创建存储过程
  • 原文地址:https://www.cnblogs.com/Smileing/p/11553272.html
Copyright © 2011-2022 走看看