jquery知识回顾

1、jQuery最重要的就是jQuery对象,jQuery的所有方法都定义在这个对象上边。
2、jQuery对象本质上就是一个构造函数,主要作用就是返回jQuery对象的实例,因为只有这样,才能在DOM上使用jQuery提供的各种方法。
3、jQuery构造函数可以有很多种参数,返回不同的值(都是jQuery实例)。
a、css选择器作为参数
b、dom对象作为参数,他也会被转为jQuery对象的实例。
*)如果要把多个dom对象转换为jquery对象实例,可以用一个数组作
为参数。$([document.body, document.head])

  1. init(2) [body, head]
    a. 0:body
    b. 1:head
    c. length:2
    d. proto:Object(0)
    c、html字符串作为参数,返回jQuery对象的实例。
    写法:$('<li class="greet">test</li>')
    $( '<li>', {
    html: 'test',
    'class': 'greet'
    });

由于新增的DOM节点不属于当前的文档,可以使用预先加载图片。

$.preloadImages = function () {
for (var i = 0; i < arguments.length; i++) {
$('<img>').attr('src', arguments[i]);
}
};

$.preloadImages('img/hover-on.png', 'img/hover-off.png');

4、jQuery构造函数的第二个参数,默认情况下jQuery将根元素html作为寻找匹配对象的起点,如果要指定起点,可以放在第二个函数。
$('li', someElement);
上面代码表示,只寻找属于someElement对象下属的li元素。someElement可以是jQuery对象的
实例,也可以是DOM对象。

5、不管有没有选中元素,jquery构造函数总是返回一个实例对象,而对象的布尔值是true。

6、jQuery对象返回的结果集是一个类似数组的对象。

7、jQuery选择器返回的是一个类似数组的对象。但是,使用下标运算符和get取出的单个对象,并不是jQuery对象的实例,而是一个DOM对象。

8、jQuery默认对当前结果集进行循环处理,所以如果直接使用jQuery内置的某种方法,each和map方法是不必要的。

9、由于内置循环的存在,从性能考虑,应该尽量减少不必要的操作步骤。

$(".class").css("color", "green").css("font-size", "16px");
应该写成
$(".class").css({
"color": "green",
"font-size": "16px"
});

10、$.noConflict方法允许将美元符号与jQuery脱钩。

11、preventDefault:取消浏览器默认行为。
● stopPropagation:阻止事件向上层元素传播。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 5,222评论 0 2
  • 第3章 基本概念 3.1 语法 3.2 关键字和保留字 3.3 变量 3.4 数据类型 5种简单数据类型:Unde...
    RickCole阅读 10,640评论 0 21
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 4,913评论 0 1
  • 太初有道,道就是神。 神说要有光,于是就有了光。
    李古阅读 1,683评论 0 0
  • 在iOS开发开发中可能需要计算Lable宽度(一行)和计算Lable高度(多行)的需求。其实本质上就是计算字符串的...
    kangyiii阅读 4,084评论 1 4