初识jQuery

• jQuery (jQuery=js+Query）是优秀的JavaScript库, 最主要的用途是用来做查询

• 使用jQuery能让我们对HTML文档遍历和操作、事件处理、动画以及Ajax变得更加简单

• jQuery的写法：

  // 原生js的入口函数固定写法window.onload = function(){}// jQuery的入口函数固定写法$(document).ready(function () {}// 例如：$(document).ready(function () {var $div1 = $(\'div\');var $div2 = $(\'.box1\');var $div3 = $(\'#box2\');$div1.css({background: \'yellow\'})$div2.css({background: \'green\'})$div3.css({background: \'black\'})});

JQuery和js入口函数的区别

1. 原生JS和jQuery入口函数的加载模式不同
   原生JS会等到DOM元素加载完毕，且图片也加载完毕才会执行
   • jQuery会等到DOM元素加载完毕，但不会等到图片也加载完毕就会执行
2. 覆盖问题
   原生的JS编写了多个入口函数，后面编写的会覆盖前面编写的
   • jQuery中编写多个入口函数，后面的不会覆盖前面的，会依次执行

jQuery入口函数的写法

• 第一种写法（推荐）

  $(function(){alert(\'1\')});

• 第二种写法

  $(document).ready(function(){alert(\'22\')})

• 第三种写法

  jQuery(function(){alert(\'333\')})

• 第四种写法

  jQuery(document).ready(function(){alert(\'4444\')})

jQuery访问符的冲突问题

• 放弃$使用权

  释放操作必须在编写其他jQuery代码前

• 释放后不能使用$，改为使用jQuery

jQuery.noConflict();jQuery(function () {alert(\'oh my honey\')})

var jq = jQuery.noConflict();jq(function(){alert(\'oh my god\')})