jQuery深入学习之一

前言

对于校招而言，根本不会考察有多厉害的js功底，js的只是只需要深入了解基本概念，如闭包，面向对象等等，没必要写出多牛b轰轰的js原生代码。而要深刻理解其原生的概念，故以深入学习jquery为基准，加深js的理解。同时研究出自己的代码风格，还有就是代码规范。

jQuery简介

jquery的强大之处

• 轻量级
  UglifyJS压缩后只有 30KB。
• 强大的选择器
  支持全部CSS1,CSS2以及部分CSS3的选择器。
• DOM封装处理，简化操作。
• 可靠的事件处理机制。
• 完善的AJAX。
• 出色的浏览器兼容性。
• 丰富的插件。
• 开源。

其他js库的特点

window.onload 和$(document).ready( )的区别

• 前者是页面中所有的元素加载完成之后才会执行的，而后者只要DOM加载完全就可以开始执行了。
• 前者只能存在一个，多的就会是后来居上的原则。而后者的个数不受限制。
• 后则还有简写的方法。$(function(){ })

jQuery对象和DOM对象

这个知识点真的很重要，而我之前是完全忘记了，是在前几天的时候看别人的代码有这种用法，但是根本不知是这个概念。
搞清楚这个以后再写代码的时候就不会搞混了。

• DOM熟悉的不能再熟悉了，此处忽略。
• jQuery对象就是通过jQuery包装DOM对象后产生的对象。

var $huang = $("#huang"); //jQuery对象
var huang = document.getElementById("huang")  //DOM对象

• 两者相互转化的

// jQuery对象转换成DOM对象
var $huang = $("#huang");
var huang= $huang[0];
var zhuang = $huang.get(0);
//DOM对象转化成jQuery对象
var huang = document.getElementById("huang")；
var $huang = $(huang);

解决冲突

jQuery.noConflict( )就ok了。

jQuery选择器

话不多说，上一个思维导图。

jQuery选择器思维导图