zoukankan      html  css  js  c++  java
  • jQuery快速入门知识重点

    1、jquery中attr与prop的区别
     
    attr:是通过setAttribute 和 getAttribute来设置的使用的是DOM属性节点
     
    prop:是通过document.getElementById()[name] = value 来实现的,通常用来设置checked selected
     
    2、window.onload、window.onresize、window.onscroll、$(document).ready(function(){})四者的区别
     
    1、window.onload:当文档加载完毕以后   包括html,js,img,css
     
    2、window.onresize:当窗口发送改变的时候,高频率出发事件
     
    3、window.onscroll:当滚动条滚动的时候,高频率出发事件
     
    4、$(document).ready(function()({})
     
    3、jquery中动画的形式有哪几种?
     
    1、基本动画
        show()
     
        hide()
     
        toggle()
     
    2、滑动动画
        slideUp()
     
        slideDown()
     
        slideToggle()
     
    3、淡入淡出动画
        fadeIn()
     
        fadeOut()
     
        fadeTo()
     
        fadeToggle()
     
    4、自定义动画
     
        animate()
    4、如何停止动画和延迟动画
     
    .stop():停止动画
     
    .delay():延迟动画
     
    5、jquery中节点的操作有哪些?
     
    children():获取所有子节点
     
    find():查找后代元素
     
    next():下一个元素
     
    prev():上一个元素
     
    parent():获取父级元素
     
    siblings():获取同级元素
     
    6、jquery中ajax的书写方式及参数
     
    $.ajax({
        type:请求方式,
        url:"接口地址",
        data:"传递的参数",
        dataType:"数据类型",
        success:成功的回调,
        error:失败回调
     
    })
     
    7、jquery中 width()、innerWidth、outerWidth的区别
     
    width():只会获取content内容区的宽度
     
    innerWidth():会获取content+padding的宽度
     
    outerWidth():会获取content+padding+border的宽度
     
    8、jquery中offset()、position()、scrollTop()
     
    offset():获取当前元素距离页面之间的偏移量
     
    position():获取当前元素距离以定位的父元素的偏移量
     
    scrollTop():获取滚动条滚动的距离
     
    116、$(document).height() 与 $(window).height()的区别
     
    $(documemt).height():获取整个页面的高度  类似于原生js里面的document.body.clientHeight
     
    $(window).height():获取可视区的高度   类似于原生js里面的document.documentElement.clientHeight
     
    9、jquery中事件绑定、委托中  bind()  live() delegate()、on()之间的区别
     
    bind:为每个元素绑定事件处理函数
     
    解绑事件:unbind()
     
    缺点:
        无法对未来元素实现事件绑定
     
     
     
    live:为所有匹配的元素添加事件处理函数,未来元素也可以绑定事件处理函数
     
    解绑事件:die()
     
    缺点:
        1、1.7版本后不再支持该方法
     
        2、阻止事件冒泡不管用
     
    live:是通过冒泡的方式来绑定到元素上的。更适合列表类型的,绑定到document DOM节点上。一旦事件冒泡到document上,jQuery将会查找selector/event metadata,然后决定那个handler应该被调用
     
     
     
     
    delegate:为指定的元素(子元素)添加一个或多个事件处理函数
     
    解绑事件:undelegate()
     
    在某些浏览器下是有兼容性问题
     
    更精确的小范围使用事件代理,性能优于.live()。它不会把所有的event全部绑定到document,而是由你决定把它放在哪儿
     
    on: 为匹配的元素绑定一个活多个事件处理函数
     
    解绑事件:off()
     
    缺点:
        on不能取代live
     
    整合了之前的三种方式的新事件绑定机制。.bind(), .live(), .delegate()都是通过.on()来实现的,.unbind(), .die(), .undelegate(),也是一样的都是通过.off()来实现的。
     
    10、如何对一个jquery对象扩展方法?
     
    $.extend():扩展jquery对象本身
     
    例:
        $.extend({
            min:function(a,b){
                return a>b?b:a;
            },
            max:function(a,b){
                return a>b?a:b;
            }
        })
     
    $.min();
     
    11、如何对一个jquery元素扩展方法?
     
    $.fn.extend():扩展jquery元素方法
     
    例:
        $.fn.extend({
            zyh:function(info){
                return this.each(function(){this.innerHTML = info})
            }
        })
     
    $("p").zyh("你好");
     
    12、jquery中 trigger()的作用及用法
     
    trigger:触发元素身上的某类事件
     
    例:
        $("p").on("zyh",function(){
            alert(1)
        })
     
        $("p").trigger("zyh");
     
    简单来说trigger就是自动执行某一个事件不需要手动触发
     
    13、jquery中$.proxy()的作用及用法
     
    $.proxy():返回一个新的函数,并且这个函数始终保持了特定的作用域
     
    参数1:要改变作用域的函数
     
    参数2:一个Object,参数1的作用域会被设置到这个Object上面
     
    作用:可以解决this的指向问题,以及回调函数嵌套的问题
     
    14、$(this) 和 this 关键字在 jQuery 中有何不同
     
    $(this) 返回一个 jQuery 对象,你可以对它调用多个 jQuery 方法
     
    而 this 代表当前元素,它是 JavaScript 关键词中的一个,表示上下文中的当前 DOM 元素。你不能对它调用 jQuery 方法
     
    15、jQuery 中的方法链是什么?使用方法链有什么好处
     
    方法链是对一个方法返回的结果调用另一个方法,这使得代码简洁明了,同时由于只对 DOM 进行了一轮查找,性能方面更加出色。
     
    16、哪种方式更高效:document.getElementbyId("myId") 还是 $("#myId")?
     
    第一种,因为它直接调用了 JavaScript 引擎。
     
    17、JQ中find()、has()和filter()区别?
     
    filter()方法,条件作用于自身
     
    has()方法条件是作用于它的后代元素中
     
    find():当前选中元素的上下文中找到符合条件的后代,返回的是子元素
  • 相关阅读:
    kubenetes-rancher多集群管理(二十二)
    kubernetes-traefik(二十一)
    kubernetes-helm程序包管理器(二十)
    kubeadm快速部署kubernetes(十九)
    kubernetes-jenkins CI/CD平台(十八)
    kubernetes-平台日志收集ELK(十七)
    prometheus-简介及安装
    基于VUE利用pdf.js实现文件流形式的pdf显示
    react 实现类似vue中的<keep-alive>的功能,并解决antd-mobile切换回来时的空白
    基于vue的环信基本实时通信功能
  • 原文地址:https://www.cnblogs.com/J--L/p/10096635.html
Copyright © 2011-2022 走看看