移动端学习第八周 jQuery

 jQuery

是javascript库 Query查询

意思是查询js 把js的DOM操作做了封装，我们可以快速查询，使用调用里面的封装好的函数，功能  $就是jQuery的意思

jQuery对象

$('div')  整个这个就是一个jQuery对象，被jQuery包装好了的，它有jQuery的属性和方法（功能）

一，DOM对象

mydiv = document.queryseletor('div');  这个mydiv就是DOM对象，它也有DOM的属性和方法

二，jQuery对象

jQuery对象的属性和方法和DOM的属性方法不同，不能乱用，只能使用自己的

三，常见错误

先把上面的js代码写上 

var mydiv = document.queryseletor("div");

 $("div").hide();

若对象没有使用相对应的方法，属性就会报错 

$('div').style.display = 'none';

 这个就会报错，jQuery没有这个方法，只有DOM有

报错为Cannot set property 'display' of undefind  不能给这个对象设置这个属性

mydiv.hide()

报错：mydiv.hide is not a function   DOM中没有这个函数，方法。

jQuery基本使用

代码的意思就是，等文件全部加载完之后才会加载里面的代码

$(function() {

        alert(e) // 此处是DOM对象加载完成的入口

})

$(document).ready(function() {

        alert(e)   // 与上面的同理

})

 jQuery对象与DOM对象相互转换

因为jQuery对象比原生的js的DOM对象要小，意思就是前者的功能比后者少，原生的js的属性，方法jQuery没给我们封装，所以有时要相互转换

$("mydiv")

DOM转jQuery

$("div")[index]

$("div").get(index)

 都是jQuery转DOM的方法  index为该对象是在jQuery对象中排第几