jQuery

jQuery介绍

JS代码一般来说会有一些“问题”:兼容性问题,代码重复,DOM提供的方法名太长.难记,代码容错性较差,入口函数只能有一个,多个的话后面的会覆盖前面的,而jQuery能有效解决上述问题

jQuery其实就是一个JS库,把JS常用的方法封装到一个单独的文件中,要用的时候直接引入文件调用,使用jQuery的话,会比使用JavaScript更简单。

jQuery里面引入事件名不用加on,学jQuery主要就是学习他的API(application programming interface),方法调用的时候,都带小括号(),使用jQuery的方法的时候,不要忘了小括号。

使用jQuery包括以下三个步骤:

引包(引入jQuery文件)

<script src="jquery-3.1.0.js"></script>

入口函数

$(document).ready(function){

};

功能实现

$("#btnShowDiv").click(function () {
    $("div").show(1000);
});
jQuery有三个大版本
大版本:
1.x (1.1-1.12) ie 6/7/8 支持的

2.x (2.1-2.12) 不支持ie 678

3.x 不支持ie 678

小版本:
每个大版本又分两个小版本:
compressed(压缩版): 将变量名尽可能的变为单个字母,把注释和换行空格,全部干掉 用以减小体积
uncompressed(未压缩版): 注释全部保留,变量名尽可能的语义化

根据小版本体积大小不同,使用环境不同
项目上线,使用压缩版
开发过程当中使用未压缩版

扩展:
3.x之后的版本,出现一个 slim 版 削减版
移除了 effects ajax 模块

jQuery引包常见问题:

1.在使用前未引包        浏览器会报错  $ is not defind

2.引包的顺序要写对,在使用之前先引包,否则浏览器会报错 $ is not defind

3.引包的路径要写对,小小写错字母,可以复制粘贴

jQuery的入口函数有两种:

1.$(document).ready(function(){

    });

2.$(function(){});

两种写法本质上没有区别,jQuery的函数比JS的函数先执行,因为jQuery的入口函数不会等待图片等资源的加载完成,只等待文档树的加载完成,而JS的入口函数需要等它们加载完成

$的本质是:可以使用typeof关键字来观察$的本质,因此可以得出结论,$其实就是一个函数。只是根据所给参数不同,这个函数的功能会有所不同。

$(selector)选择器

$(domObj)将dom对象转换成jQuery对象

$(function)入口函数的第二种写法

$===jQuery

jQuery对象和DOM对象
DOM对象:js方法获取的元素就是dom对象
jQuery对象:jQuery方法获取的元素就是jQuery对象
jQuery对象就是DOM对象的包装集 (伪数组)

jQuery对象转dom对象
jQueryObj[index]
jQueryObj.get(index)

dom对象转jQuery对象
$(domObj)
jQuery选择器
基本选择器
$(".className") 类选择器
$("#id") id选择器
$("tagName") 标签选择器
$("selector1,selector2") 并集选择器
$("selector1selector2") 交集选择器
层级选择器
后代
$("selector1 selector2")
子代
$("selector1>selector2")
过滤选择器
//格式:$("selector:filter")

odd $("selector:odd") 奇数过滤选择器
even $("selector:even") 偶数过滤选择器
eq(index) $("selector:eq(index)") 序号过滤选择器
筛选选择器
筛选选择器全都是方法
children(selector)
find(selector)
next()
siblings(selector)
parent()
eq(index)

JavaScript是一门编程语言,jQuery是用JavaScript实现的一个JavaScript库,目的是简化我们的开发。(联想记忆:不能扛着洗衣机去出差) 






 
原文地址:https://www.cnblogs.com/sw1990/p/5791672.html