资讯专栏INFORMATION COLUMN

【jQuery】常用点

oysun / 1130人阅读

摘要:包装包装整体包装内部包装删除包装不包括主动触发主动触发点击事件中的事件委托一般写法直接给加事件事件委托阻止事件委托对象属性事件中的数据事件源事件类型工具方法判断类型去空格返回所在数组中的位置,没有则返回类似改变的指向防止冲突判断类型判断类

包装

wrap() 包装

wrapAll() 整体包装

wrapInner() 内部包装

unwrap() 删除包装(不包括body)

$(function(){
    $("span").wrap("
"); })

主动触发trigger

$(function(){
    $("span").on("click",function(){
        alert(123);
    })
    $("span").trigger("click");
    //主动触发点击事件
})

jQuery中的事件委托delegate

//一般写法 直接给li加事件
$(function(){
    $("li").on("click",function(){
        $(this).style.background = "red";
    })
})

//事件委托
$(function(){
    $("ul").delegate("li","click",function(){
        $(this).css("background", "red").siblings().css("background", "#fff");
    })
})
//阻止事件委托
$(function(){
    $("ul").delegate("li","click",function(){
        $(this).css("background", "red").siblings().css("background", "#fff");
        $("ul").undelegate();
    })
})

event对象属性

event.data 事件中的数据

event.target 事件源

event.type 事件类型

jQuery工具方法 $.xxx();

$.type() 判断类型

$.trim(str) 去空格

$.inArray("a",arr) 返回a所在数组中的位置,没有则返回-1 类似indexOf

$.proxy() 改变this的指向

$.noConflict() 防止冲突

$.type() 判断类型

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/83886.html

相关文章

  • jquery显示隐藏常用方式性能测试报告

    摘要:本篇博客首发于本人博客欢迎点击查看显示隐藏常用方式性能测试报告 其实我一直就听别人说如果要显示隐藏尽量不要用hide()和show(),其实一直也没实际测试过,因为自己想当然的也以为,毕竟hide()和show()jquery底层要经过不少判断。今天不知怎么得对他们的性能一直很在意,于是就简单做了如下测试 下面测试了对10000个相同div节点的显示隐藏,测试方法使用了console....

    piapia 评论0 收藏0
  • JavaScript & jQuery 常用方法小记

    摘要:函数节流用途如调整浏览器大小,或者用户输入信息,导致反复提交接口调用方法判断手机端访问获取地址栏参数返回顶部当滚动条的位置处于距顶部像素以下时,跳转链接出现,否则消失当点击跳转链接后,回到页面顶部位置正则检测手机号邮箱 1.JavaScript 函数节流用途:如调整浏览器大小,或者用户输入信息,导致反复提交接口 function throttle(method,context) { ...

    codeGoogle 评论0 收藏0
  • 2019 年了,为什么我还在用 jQuery

    摘要:无论是还是,对许多应用来说,这个大小都是完全可以接受的。但是为了不用,放弃向后兼容那我觉得还是用得了。自从年双十一正式上线,累计处理了亿错误事件,付费客户有金山软件百姓网等众多品牌企业。 译者按: 看来 jQuery 还是有一些用武之地的。 原文: Why Im Still Using jQuery in 2019 译者: Fundebug 为了保证可读性,本文采用意译而非直译...

    aikin 评论0 收藏0
  • form表单那事儿(下) 进阶篇

    摘要:在表单提交时,浏览器会自动进行一系列的校验工作,没有通过校验的表单是无法提交到服务器的。而方法提交表单,会在请求中发送表单字段键值对。表单提交事件表单提交到服务器时,会触发事件。 上一篇主要温习了一下form表单的属性和表单元素,这一片主要讲解用JavaScript如何操作form。 表单操作 取值 用JavaScript操作表单,免不了会有取值赋值操作,比如有以下表单: ...

    jerryloveemily 评论0 收藏0

发表评论

0条评论

oysun

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<