zoukankan      html  css  js  c++  java
  • jquery总结1-特殊属性操作

    1,val方法等同于value用于设置和获取表单元素的值 例如input textarea   设置值$("#name").val("xx")    获取值$("#name").val()

    2,html方法相当于innerHTML  text相当于innerText

    js设置内容  $("div").html("<p>xxxx</p>")获取内容$("div").html()   text   $("div").text("<span>xxxx</span>")获取内容$("div").text()

    区别html方法会识别html标签而text方法会那内容直接当成字符串 并不会识别html标签,

    3,width和height 方法带参数表示高度 不带参数表示获取高度  获取window网页的可视区匡高方法$(window).height()

    4,获取被卷曲的高度和宽度  $(window).scrollTop()(高度)$(window).scrollLeft()(宽度),

    5,offset与position方法

    offset获取元素距离document的位置 position获取元素距离有定位的父元素位置  $(selector).offset()   $(selector).position()

    6,事件注册 click(handler) mouseenter(鼠标进入事件)  mouseleave(鼠标离开事件)

    7,bind方式注册事件 $("p").bind("click mouseenter",function({事件响应方法}))  缺点不支持动态事件绑定

    》delegate注册委托事件 $("p").delegate("p","click","function({为parentBox下的所有p标签绑定事件})") 的、缺点只能注册委托事件,因此注册时间需要记得方法太多

    最终选用on注册时间    $("p").on("click","span",function({}))

    on注册事件的语法

    第一次参数events绑定事件的名称可以由空格分隔的多个事件(标准事件或者自定义事件)

    第二次事件 selector 执行事件的后代元素(可选)如果没有后代元素 那么事件讲由自己执行

    第三次事件 data 传递给处理函数的数据,事件触发的时候通过event。data来使用(不常用)

    第四个参数 handler 事件传递函数

    8.$(selector).on(events[,selector][,data],handler);
    事件解绑 unbind() undelegate()不常用
    off()方法推荐使用 解除$(selector).off()解除绑定所有的 $(selcctor).off("click")解除绑定匹配的元素所有的click事件
    触发事件
    $(selector).click(); $(selector).trigger("click")两种方式 常用的事件是第一种直接用了
    9.事件对象
    jquery事件对象其实就是js事件对象的一个封装 处理兼容性
    screenX与screenY对应屏幕最左上角的值
    clientX与clientY距离页面左上角的位置
    pageX与pageY距离页面最顶部的左上角的位置
    event.KeyCode按下键盘代码
    event.data存储绑定事件时传递的附加数据
    event.stopPropagation()阻止事件冒泡行为
    event.preventDefault阻止浏览器默认行为
    return false 既能阻止事件冒泡行为 又能阻止浏览器默认行为
    10
    end()筛选选择器会改变jquery对象的dom对象 想要返回到上一次的状态 并且返回匹配元素之前的状态
    each方法 如果我们要对自己需要的每一个对象设置不同的值的时候就需要自己进行迭代了
    作用遍历jquery对象集合 为每一个匹配元素执行一个函数
    参数1表示所有匹配元素的索引号
    参数2表示当前元素(dom对象)
    $(selecttor).each(function(index.function({})))
    例如不同的透明度设置
    11
    > jQuery使用$作为标示符,但是如果与其他框架中的$冲突时,jQuery可以释放$符的控制权.
    
    ```javascript
    var c = $.noConflict();//释放$的控制权,并且把$的能力给了c
  • 相关阅读:
    怎么判断自己在不在一家好公司?
    超全!互联网大厂的薪资和职级一览
    Nginx 又一牛 X 功能!流量拷贝
    时间管理之四象限法则
    罗永浩一个坑位卖60万脏钱背后:放下面子赚钱,才是成年人最大的体面
    2020 年 4月全国程序员工资出炉
    一次 SQL 查询优化原理分析(900W+ 数据,从 17s 到 300ms)
    “Hey Siri” 背后的黑科技大揭秘!
    一文讲透高薪的本质!
    python UnicodeDecodeError: 'gbk' codec can't decode byte 0x99 in position 87: illegal multibyte sequence异常解决
  • 原文地址:https://www.cnblogs.com/asasas/p/9427676.html
Copyright © 2011-2022 走看看