前言
对于校招而言,根本不会考察有多厉害的js功底,js的只是只需要深入了解基本概念,如闭包,面向对象等等,没必要写出多牛b轰轰的js原生代码。而要深刻理解其原生的概念,故以深入学习jquery为基准,加深js的理解。同时研究出自己的代码风格,还有就是代码规范。
jQuery简介
jquery的强大之处
- 轻量级
UglifyJS压缩后只有 30KB。 - 强大的选择器
支持全部CSS1,CSS2以及部分CSS3的选择器。 - DOM封装处理,简化操作。
- 可靠的事件处理机制。
- 完善的AJAX。
- 出色的浏览器兼容性。
- 丰富的插件。
- 开源。
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选择器
话不多说,上一个思维导图。