第二章：jQuery初探

Posted 2020-11-21 seeding

一、引入jQuery
XXXX.js文件
<script>标签
1、版本选择
当前jQuery有两个分支
1.x 支持ie6、7、8
jquery-1.11.2.js：未经过压缩，适合同学们在学习的时候使用，可以浏览里面的源代码
jquery-1.11.2.min.js：经过压缩，而是直接在生产环境下使用，体积更小，引入更快！
2.x 不支持ie6、7、8
jquery-2.1.3.js ：未经过压缩，适合同学们在学习的时候使用，可以浏览里面的源代码
jquery-2.1.3.min.js：经过压缩，而是直接在生产环境下使用，体积更小，引入更快！
1.x与2.x拥有相同的API（函数名字，以及参数等等都是一样的，我们在使用的时候是没有区别的，只是内部实现可能不一样！）
2、引入方法
<script type="text/javascript" src="xxx.js"></script>
二、第一个jQuery程序
三、jQuery中的$函数
1、$在jQuery中是一个函数名
jQuery中有一个非常重要的函数：jQuery，为了使用方便它还有简写方式：$
$函数是函数jQuery的简写形式，它是jQuery精彩世界的入口！
2、$函数的参数以及功能
$函数传入的参数类型不同所实现的功能也是不一样的，主要的参数类型有4种：
1>传入一个函数
传入的函数将在页面元素加载完毕之后再执行！
2>传入选择器
传入字符串形式的选择器
3>传入htmlElement对象
传入htmlElement对象可以转为jQuery对象
4>传入html代码
基于html代码片段生成新元素。
3、自定义jQuery简写符号
除了jQuery库之外，还有一些别的JavaScript库也使用$符号。这意味着在同一个页面若加载了多个库，可能就产生冲突。这种情况我们
可以调用jQuery.noConflict方法让jQuery放弃使用$符号，也可以将其返回值赋给一个变量即可实现自定义jQuery的简写符号！
1）让jQuery放弃简写符号$
jQuery.noConflict();
2）自定义简写符号
var jq=jQuery.noConflict();
四、等待页面加载完毕
1、为什么要等待页面元素加载完毕
页面是从上到下加载的！只有等页面的元素加载完毕了，我们才可以放心的对页面元素做各种操作！
2、两种写法
方法一：
$(document).ready(function (){
...
});
方法二(简写方式)：
$(function (){
...
});