首页
学习
活动
专区
圈层
工具
发布

jQuery (二)

使用jQuery处理事件 事件处理 一个栗子,单击p时背景变成灰色 由于es6的箭头函数不支持this的绑定,所以无法使用箭头函数,只能使用匿名函数 html 从所有元素中移除所有的jquery事件处理程序 $('a').unbind('mouseover mouseout'); // 移除两个属性 // 取消绑定在myMod命名空间下的所有...jQuery.fn是所有jQuery对象的原型对象。如果给该对象添加一个函数,则该函数会成为一个jQuery的方法。...this; } ps 这个灰常简单,原型链那一套内容,需要注意的是要进行返回该对象,否则无法进行链式调用 使用一下下 $('#debug').println('x =', 'x', 'y'); 即完成了一个...当draggable为true的时候,可以对元素进行拖动,这是h5的内容 一些注意事项 不要依赖$ 插件要返回this 插件有两个或者两个以上的选项,使用对象直接传入 不能污染命名空间,请在jquery

10.8K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Web API--入门--(一)ASP.NET Web API 2(C#)入门

    前端网页使用jQuery显示结果。 ? 启动Visual Studio并从“ 开始”页面选择“ 新建项目”。或者,从文件菜单中选择新建,然后选择项目。...在解决方案资源管理器中,右键单击项目,然后选择添加,然后选择新建项。 ? 在添加新项目对话框中,选择Visual C#下的Web节点,然后选择HTML页面项目。...您还可以从http://jquery.com/下载它,ASP.NET“Web API”项目模板也包括jQuery。...jQuery getJSON函数发送一个AJAX请求。对于响应包含JSON对象的数组。该done函数指定在请求成功时调用的回调。在回调中,我们使用产品信息更新DOM。...您可以使用Internet Explorer 9中的F12开发人员工具来执行此操作。从Internet Explorer 9中,按F12打开工具。单击网络选项卡,然后按开始捕获。

    6.2K10

    .Net之使用Jquery Ajax通过FormData对象异步提交图片文件到服务端保存并返回保存的图片路径

    这篇文章中,我将要描述的是在我们.Net中如何使用Jquery Ajax通过FormData对象异步提交图片文件到后台保存,并返回保存的图片路径展示出图片,实现一个无刷新的异步图片上传的过程,当然这里我讲解的是单张图片的保存过程...FormData对象概述:   FormData对象是H5中的一个新特性,用以将数据编译成键值对,以便用XMLHttpRequest来发送数据。...Jquery Ajax通过FormData对象异步提交图片文件: HTML中选中图片的按钮: 头像 Jquery中FormData二进制文件对象拼接和提交: //用户头像修改...,按照对应的文件流写入,假如已存在则覆盖 91 //返回完整的图片保存地址 92 result="/"+basePath + "/" + saveDir + "/" + saveName; 93

    3K20

    jQuery 入门指南教程

    ).hide() - 隐藏所有 id="test" 的元素 通过jQuery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jQuery...选择所有的div元素,除了前三个 $('div:animated') // 选择当前处于动画状态的div元素 dom对象和jQuery对象区别 只有jQuery对象才能使用jQuery定义的方法。...对于获取的元素集合,获取其中的某一项(通过索引指定)可以使用eq或get(n)方法或者索引号获取,要注意,eq返回的是jQuery对象,而get(n)和索引返回的是dom元素对象。...// value 值 $('input').val(); // 返回表单输入框的value值 $('input').val('test'); // 将表单输入框的value值设为test // 单击事件...它的原理在于每一步的jQuery操作,返回的都是一个jQuery对象,所以不同操作可以连在一起。

    1.7K11

    JQuery最全常用方法指南

    JQuery Traversing 方法说明 eq(index) 从匹配的元素集合中取得一个指定位置的元素,index从0开始 filter(expr) 返回与指定表达式匹配的元素集合,可以使用”,”号分割多个...map(callback) 将jQuery对象中的一组元素利用callback方法转换其值,然后添加到一个jQuery数组中。 not(expr) 从匹配的元素集合中删除与指定的表达式匹配的元素。...dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法。...(fn); //为id为msg的元素单击事件添加函数 同样blur, focus, select, submit事件都可以有着两种调用方法 5、集合处理功能 对于jquery返回的集合内容无需我们自己循环遍历并对每个对象分别做处理...,返回这个被扩展的对象。

    13.2K31

    杨老师课堂之Jquery的筛选,事件,效果,Ajax,javascript跨域)

    返回值:Booleanis(expr|obj|ele|fn),根据选择器、DOM元素或 jQuery 对象来检测匹配元素集合,如果其中至少有一个元素符合这个给定的表达式就返回true。...: 1,前者从当前元素开始匹配寻找,后者从父元素开始匹配寻找; 2,前者逐级向上查找,直到发现匹配的元素后就停止了,后者一直向上查找直到根元素,然后把这些元素放进一个临时集合中,再用给定的选择器表达式去过滤...事件对象: 由于IE-DOM和标准DOM实现事件对象的方法各不相同,导致在不同 浏览器中获取事件对象变得比较困难.针对这个问题,jquery进行了必要的扩 展和封装,从而使得在任何浏览器中能很好的轻松的访问获取事件对象以及事...可以用同样的方法解决 元素上的问题 阻止默认行为 网页中的元素都有自己默认的行为,例如:单击超链接后悔跳转,单击”提交”按钮会表单会提交,有时需要阻止元素的默认行为 在jquery中,提供了preventDefault...•注:此方法返回的是JSON对象而非JSON字符串。

    10.2K20

    JQuery入门

    -apppendTo方法 3.传入参数为选择器字符串时,根据这个字符串查找元素节点对象 4.传入参数为DOM对象时,将DOM对象包装成JQuery对象返回 dom对象转jquery对象----》$(dom...对象) jquery对象转dom对象----》jquery对象[0] jquery查找出来的对象,返回的都是原始的dom对象数组,即使只找到一个。...子元素过滤器里面nth-child(2n-1),这里的n是从1开始取值 表单里面的button标签,会被默认作为submit提交按钮 jquery里面提供的增强for循环.each方法 对选择器的小总结...对象转dom对象----》jquery对象[0] jquery查找出来的对象,返回的都是原始的dom对象数组,即使只找到一个。...2n-1),这里的n是从1开始取值 表单里面的button标签,会被默认作为submit提交按钮 表单对象选择器 表单对象属性过滤选择器 表单选择器加表单对象属性过滤选择器完整版本 jquery里面提供的增强

    5.7K20

    Web阶段:第五章:JQuery库

    4.JQuery好处: jQuery是免费、开源的,jQuery的语法设计可以使开发更加便捷,例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。...()查询出来的标签对象是Dom对象 4.通过createElement() 方法创建的对象,是Dom对象 JQuery对象 5.通过JQuery提供的API创建的对象,是JQuery对象。...例如:$("我是span标签");是jquery对象 6.通过JQuery包装的Dom对象,也是JQuery对象 7.通过JQuery提供的API查询到的对象,是JQuery对象...jquery对象是一个Dom对象的数组 + jquery 的一系列功能函数的总和。 Jquery对象和Dom对象使用区别?...获取最后个元素 :not(selector) 去除所有与给定选择器匹配的元素 :even 匹配所有索引值为偶数的元素,从 0 开始计数 :odd 匹配所有索引值为奇数的元素,从 0 开始计数 :eq(

    28.7K20

    全网最新、最全的jQuery核心知识,你真的不想点开看看嘛?

    jQuery 底层 AJAX 实现。简单易用的高层实现 .get,.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。...的部分,例如:js中的单击事件 onclick(), ​ jQuery中的事件名称,就是click,都是小写的。...dataType:表示期望从服务端返回的数据格式。当我们使用 $.ajax() 发送请求时,会把 ​ dataType的值发送给服务端。...); success : 一个function函数,代表请求成功时,从服务端返回了数据,执行的seccess指定函数 ​ 相当于之前使用 XMLHttpRequest对象,当readyState==4...success : 一个function函数,代表请求成功时,从服务端返回了数据,执行的seccess指定函数 ​ 相当于之前使用 XMLHttpRequest对象,当readyState==4 &&

    8K10

    jQuery 事件

    规定只能添加到指定的子元素上的事件处理程序(且不是选择器本身,比如已废弃的 delegate() 方法)。 data 可选。规定传递到函数的额外数据。 function 可选。...该方法给 API 带来很多便利,我们推荐使用该方法,它简化了 jQuery 代码库。 注意:如需移除指定的事件处理程序,当事件处理程序被添加时,选择器字符串必须匹配 on() 方法传递的参数。...() 返回指定的 event 对象上是否调用了   event.preventDefault() event.isImmediatePropagationStopped() 返回指定的 event 对象上是否调用了...  event.stopImmediatePropagation() event.isPropagationStopped() 返回指定的 event 对象上是否调用了   event.stopPropagation...event.timeStamp 返回从 1970 年 1 月 1 日到事件被触发时的毫秒数 event.type 返回哪种事件类型被触发 event.which 返回指定事件上哪个键盘键或鼠标按钮被按下

    3.9K70

    jQuery 事件(三) 事件的绑定和解绑、对象的使用、自定义事件

    jQuery根据 W3C 标准规范了事件对象,所以在jQuery事件回调方法中获取到的事件对象是经过兼容后处理过的一个标准的跨浏览器对象 ...为防止事件冒泡到DOM树上,也就是不触发的任何前辈元素上的事件处理函数 event.which:获取在鼠标单击时,单击的是鼠标的哪个键 event.which 将 event.keyCode 和 event.charCode...自定义事件对象,是jQuery模拟原生实现的 自定义事件可以传递参数 triggerHandler事件 trigger事件还有一个特性:会在DOM树上冒泡,所以如果要阻止冒泡就需要在事件处理程序中返回...false或调用事件对象中的.stopPropagation() 方法可以使事件停止冒泡 trigger事件是具有触发原生与自定义能力的,但是存在一个不可避免的问题: 事件对象event无法完美的实现...如果它们不是由目标元素直接触发的,那么它就不会进行任何处理 与普通的方法返回 jQuery 对象(这样就能够使用链式用法)相反,.triggerHandler() 返回最后一个处理的事件的返回值。

    4.9K30

    学习jQuery这一篇就够了

    jQuery 核心对象:即执行 jQuery 核心函数返回的对象,jQuery 对象内部包含的是 dom 元素对象的伪数组 (可能只有一个元素),jQuery 对象拥有很多有用的属性和方法,让程序员能方便的操作...dom,调用 jQuery 对象的任何方法后返回的还是当前 jQuery 对象。...数组和类似数组的对象通过一个长度属性(如一个函数的参数对象)来迭代数字索引,从 0 到 length - 1,其他对象通过其属性名进行迭代。...如果传入一个 true,则表示是否会复制元素上的事件处理函数,从 jQuery 1.4 开始,元素数据也会被复制。...# 4. jQuery 插件介绍 # 4.1 扩展 jQuery 工具 给 jQuery 工具 添加 4 个工具方法: min(a, b) : 返回较小的值 max(c, d) : 返回较大的值 leftTrim

    3.5K50

    WEB入门之十四 jQuery事件

    在jQuery中,事件对象通常作为匿名函数的参数使用,语法如下所示: jQuery对象 ​.​...属性​ ​说明​ type 获取事件类型 target 获取触发事件的元素 result 获取上一个事件处理函数返回的值 which 获取在鼠标单击事件中获取鼠标的按键,值1表示鼠标左键;值2表示鼠标中键...5.4.1 ​bind和unbind​ bind是从jQuery 1.0版本就出现的事件绑定函数,具体语法如下所示。...前面讲解事件对象event时提到了该对象的data属性,该属性就是用来传参的,具体语法如下所示: jQuery对象 ​.​...4:种族选择 ​训练技能点​ jQuery change事件 ​需求说明​ 使用jQuery change事件实现种族选择。选择下拉列表框中不同的项,就显示不同的图片。 ​

    1.9K10
    领券