初识jQuery

初识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')
          })