一、jQuery和JS入口函数的区别
1.原生js和jQuery入口函数加载模式不同
原生js会等到DOM元素加载完毕，并且图片也加载完毕才会执行
jQuery会等到DOM元素加载完毕，但不会等到图片也加载完毕就会执行
2.多个入口函数的覆盖问题
原生js如果编写了多个入口函数，后面编写的会覆盖前面编写的
jQuery中编写了多个入口函数，后面的不会覆盖前面的
二、jQuery入口函数其他写法
1.第一种写法：
$(document).ready(function () {
//do sth
});
2.第二种写法：
jQuery(document).ready(function () {
//do sth
});
3.第三种写法：(推荐)
$(function () {
//do sth
});
4.第四种写法：
jQuery(function () {
//do sth
});
三、jQuery的"$"符号冲突问题解决方法
1.释放$的使用权
jQuery.noConflict();
attention:
释放操作必须在编写其它jQuery代码之前编写
释放之后就不能再使用$,改为使用jQuery
2.自定义一个访问符号
var nj = jQuery.noConflict();
nj(function () {
//do sth
});
四、jQuery的核心函数
$();就代表调用jQuery的核心函数
1.接收一个函数 $(function () {});
2.接收一个字符串
2.1 接收一个字符串选择器 var $box1 = $(".box1");
2.2 接收一个字符串代码片段 var $p = $("<p>我是段落</p>"); $box1.append($p);
2.3 接收一个DOM元素 var span = document.getElementByTagName("span")[0]; var $span = $(span);
(会被包装成一个jQuery对象=>是个伪数组)
五、jQuery静态方法与实例方法
原生js的静态方法与实例方法：
静态方法：直接添加到类上的方法；通过类名调用；
实例方法：直接添加到原型上的方法；通过创建类的对象调用；
1.静态方法——each
原生： arr.forEach(function (value, index) {}) //只能遍历数组，不能遍历对象/伪数组
jQuery：$.each(arr, function(index, value) {}) //先遍历index，后遍历值；可遍历对象/伪数组
2.静态方法——map
原生： arr.map(function (index, value, array) {}); //只能遍历数组，不能遍历对象/伪数组
jQuery：$.map(arr, function (value, index) {}); //先遍历index，后遍历值；可遍历对象/伪数组
3.map和each的区别
each默认返回值是所遍历的对象;不支持在回调函数中对所遍历的数组进行处理
map默认的返回值是空数组;支持在回调函数中通过return对所遍历的数组进行处理，并返回一个新数组
3.静态方法——trim
$.trim(str); //去字符串两端的空格
4.静态方法——isWindow
$.isWindow(); //判断是不是window对象
5.静态方法——isArray
$.isArray(arr); //判断是不是Array
6.静态方法——isFunction
$.isFunction(fn); //判断是不是函数
注意：jQuery框架本质上是一个匿名函数
(function (window, undefined) {
//jQuery框架内容
})( window );
7.静态方法——holdReady
$.holdReady(true); //暂停ready事件执行
$.holdReady(false); //恢复ready事件执行
六、jQuery的内容过滤选择器
1.:empty
$("div:empty"); //找到既没有文本内容也没有子元素的指定元素
2.:parent
$("div:parent"); //找到有文本内容或有子元素的指定元素
3.:contains(text)
$("div:contains('我是div')"); //找到包含指定文本内容的指定元素
4.:has(selector)
$("div:has('span')"); ////找到包含指定子元素的指定元素
—— 待更新 ——