jQuery事件

作者: 小7丁 | 来源:发表于2018-08-02 18:52 被阅读1次

一、jquery 如何绑定事件?直接绑定和使用事件代理分别如何使用

.on( events [,selector ] [,data ], handler(eventObject) )直接绑定和使用事件代理绑定

  1. events:一个或多个空格分隔的事件类型和可选的命名空间,或仅仅是命名空间,比如"click"。
  2. selector:一个选择器字符串,用于过滤出被选中的元素中能触发事件的后代元素。如果选择器是 null 或者忽略了该选择器,那么被选中的元素总是能触发事件
  3. data:当一个事件被触发时,要传递给事件处理函数的event.data
  4. handler(eventObject):事件被触发时,执行的函数。若该函数只是要执行return false的话,那么该参数位置可以直接简写成 false

直接绑定和使用事件代理分别如何使用

demo

二、jQuery 如下函数如何使用?演示使用方式

demo

三、介绍一些函数的用法,给出范例

$.ajax
$.get
$.getJSON

$.ajax

$.ajax ({
  url: 'http://xxx',//请求的一个接口
  type: 'GET',
  data: {
    username: 'xujinjun',
    password: 'xu123456'
  },
  dataType: 'json'//请求从服务器加载JSON编码的数据
}).done(function(){
  //数据请求成功后执行的操作
}).fail(function(){
  //数据请求失败后执行的操作
}).always(function(){
  //无论成功与否所执行的操作
})

这样就发送了一个GET请求
还有一个更简单的发送GET请求的方式就是$.get

$.get

$.get('http://api.jirengu.com/weather.php').done(function(ret){
console.log(ret)
})

$.getJSON

$.getJSON('http://api.jirengu.com/weather.php',function(ret){
console.log(ret)
})

相关文章

  • jquery实战

    jQuery属性操作 jQuery特殊效果 jQuery动画 jQuery循环 jQuery其他事件 自定义事件

  • jQuery知识整理

    jQuery jQuery和DOM关系 jquery框架对象分析 加载事件 事件绑定 动画效果 jquery封装的...

  • jqurey事件

    jQuery 事件函数 jQuery 事件处理方法是 jQuery 中的核心函数。 事件处理程序指的是当 HTML...

  • jQuery基础(三)—事件篇-----鼠标事件

    jQuery鼠标事件之click与dbclick事件jQuery鼠标事件之mouseover与mouseout事件...

  • jQuery动画、循环、事件

    jQuery动画 jQuery循环 元素绝对位置 鼠标移入移出 jQuery事件 自定义事件 事件冒泡 弹框-阻止冒泡

  • Jquery day_3

    1.1 Jquery 事件注册 1.2 jquery 事件处理 on(): 用于事件绑定,目前最好用的事件绑定方...

  • jQuery事件操作和插件

    jQuery事件操作 简单方式注册事件 语法:jQuery对象.事件名(事件处理程序) on方法注册事件 注册简单...

  • jquery对节点的操作

    Jquery对事件的绑定 $().bind(“事件类型”, 事件处理); 给jquery绑定一个事件$().bi...

  • jQuery事件机制

    jQuery的事件机制,指的是:jQuery对JavaScript操作DOM事件的封装,包括了:事件绑定、事件解绑...

  • jquery 滚轮插件 jquery.mousewheel.js

    jquery.mousewheel插件使用 jquery中没有鼠标滚轮事件,那么可以使用jquery的滚轮事件插件...

网友评论

    本文标题:jQuery事件

    本文链接:https://www.haomeiwen.com/subject/nzvsvftx.html