• jQuery


      jQuery是JS的方法集,它比JS功能更强大,可批量操作。

      在使用jQuery之前需要先引入jQuery包,然后在进行编写。

      步骤:

        1.取元素:

          JS中的选取id为document.getElementById('id'),jQuery中为$('#id'),

          JS中的选取id为document.getElementsByClassName('classname'),jQuery中为$('.classname')等;

        2.操作内容:分为操作表单元素和操作非表单元素

          操作表单元素:$('#id').val();

          操作表单元素:

            $('#id').html(),获取HTML;

            $('#id').text(),获取文本;

          $('#id').append()表示追加内容(在里面内容上增加新的内容);

          $('#id').next()表示在该元素的后面添加内容;

          ()内如果给参数代表设置,不给参数代表获取。

        3.操作属性:

          获取,设置属性:$('#id').attr("属性名","设置的属性值");

          移除属性:$('#id').removeAttr("属性名");

          操作复选框$('#id').prop("checked",true);true为选中,false为不选中,如果要取选中状态,则直接写checked即可;

        4.操作样式:

          $('#id').css("样式的名称","样式的值"),如:$('#a').css("width","100px"),可获取所有的方式(内嵌,内联,外部);

          批量操作所有的元素:$(".classname").("样式名称","样式的值")

        5.添加事件:

          $('#id').click(function(){ }),当用户点击后执行;

            在事件里面使用当前元素:$(this);

            在function()中加入e,表示事件数据,可获取到一些可使用的数据,如ClientX和ClientY表示鼠标的坐标;

          给复选框添加(绑定)事件:$('#id').bind("事件名称(如click)",function(){ });

          移除复选框点击事件:$('#id').unbind("click");   

        常见问题:

          1.js原生与Jquery混用;
          2.原生JS中的对象数组在Jquery中取用方法不同。

  • 相关阅读:
    转 du: 查看目录大小
    conductor v3 docker-compose 运行
    使用parquetjs 创建parquet 文件
    dremio 数据格式的一些说明
    集成minio sidekick & console 的测试
    hermes golang email 模版包
    gothic 类似gotrue 的服务
    cube.js 官方关于cube store 的一些实践说明
    dremio sql server 链接问题
    使用sbt-native-packager 构建通用的scala 软件包
  • 原文地址:https://www.cnblogs.com/maoqiaoyu123/p/8376300.html
Copyright © 2020-2023  润新知