博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery学习记录
阅读量:4463 次
发布时间:2019-06-08

本文共 1596 字,大约阅读时间需要 5 分钟。

 

 

 

当您向 jQuery 传递 DOM 对象时,jQuery 会返回以 HTML DOM 对象包装的 jQuery 对象。 jQuery 函数会返回新的 jQuery 对象,其中的 ready() 是一个方法。提示:jQuery 返回 jQuery 对象,与已传递的 DOM 对象不同。jQuery 对象拥有的属性和方法,与 DOM 对象的不同。您不能在 jQuery 对象上使用 HTML DOM 的属性和方法。

 

一、.click , .bind , .on 的区别

1、.click 为元素绑定click事件;

2、.bind 为元素绑定特定事件(如:click),可同时绑定多个事件;绑定单个事件时(如:click),其简写同(.click);

  但不可以为还不存在的元素绑定事件;对应方法:unbind

3、.on 为元素绑定特定事件(如:click) , 可为其子元素同时绑定事件;可为不存在后来又通过JS动态加入的元素绑定事件。

  对应方法: off

二、jQuery.proxy -  绑定 this

Function.prototype.bind = function (obj) {        return $.proxy(this, obj);    }

 三、jQuery函数的返回值

jQuery = function(selector, context) {    // The jQuery object is actually just the init constructor 'enhanced'    // Need init if jQuery is called (just allow error to be thrown if not included)    return new jQuery.fn.init(selector, context);}
init = jQuery.fn.init = function(selector, context) {}
init.prototype = jQuery.fn

看上面这三段代码,可以了解$(...)返回的是一个 jQuery.fn.init 对象,jQuery.fn.init 是一个构造函数,其原型就是 jQuery.fn。

再看看 jQuery.fn 的定义(精简代码)

jQuery.fn = jQuery.prototype = {    jquery: version,    constructor: jQuery,    // The default length of a jQuery object is 0    length: 0,    toArray: function() {},    each: function(callback, args) {},    map: function(callback) {},    slice: function() {},    // For internal use only.    // Behaves like an Array's method, not like a jQuery method.    push: push,};

可以看到这是一个类似数组的对象,所以 $(...) 得到的是一个类数组对象,而不是真正的数组,用 Array.isArray 很容易检查出来。

它作为原型,提供了 each 和 map 等方法。

如果要把它变成真正的数组,需要调用其 toArray() 方法。

jquery返回的不是该元素本身,比如:$("#postFeedback")[0],才是该元素本身

转载于:https://www.cnblogs.com/wangwangfei/p/7813667.html

你可能感兴趣的文章
使用本机IP调试web项目
查看>>
【Java面试题】58 char型变量中能不能存贮一个中文汉字?为什么?
查看>>
C++ Primer 第六章 函数
查看>>
交互设计算法基础(3) - Quick Sort
查看>>
Ubuntu各种软件的安装
查看>>
Android电源管理
查看>>
C#_基础_方法以及方法重载(十)
查看>>
新起点新希望
查看>>
LINQ系列:LINQ to DataSet的DataTable操作
查看>>
ASP。net 测验
查看>>
java开发环境搭建-慕课网
查看>>
NOIP2015-D2T3运输计划
查看>>
Z :彻底了解指针数组,数组指针以及函数指针 [复
查看>>
2013年终总结
查看>>
Start to study Introduction to Algorithms
查看>>
AE常见接口之间的关系(较笼统)+arcgis常见概念
查看>>
正则表达式
查看>>
三元操作设计不同类型的时候,最终结果的问题
查看>>
POJ 1661 Help Jimmy LIS DP
查看>>
大数据时代,我诚惶诚恐的拥抱
查看>>