jQuery选择器和包装集对象与DOM对象互转-1

jQuery是JavaScript的轻量级框架

JavaScript是解析执行的 顺序从上往下

所以如果JavaScript代码块中调用了某个网页元素 但该元素的位置还在JavaScript代码块之后 

那么会报错 因为没有找到该元素

解决该问题 一般可以

$(document).ready(function(){ 
//JavaScript代码写在这里
});

 //这个理解起来的意思就是 当document对象 也就是网页文档对象 加载完毕之后 执行这个匿名函数 元素全部加载完毕才执行JavaScript代码 就不会出现找不到元素了
一般这个代码可以简写为:
$(function(){

//JavaScript代码写在这里

});
----------------------------------------------------------------------------------

jQuery包装集对象可以使用特有jQuery方法不能使用DOM对象方法  反之亦然

在jQuery中 $符号代表关键字jQuery

将Jquery包装集对象转换为DOM对象:

约定jQuery包装集对象变量都以$符号开头 ,并且都是每一个包装集对象变量都是数组

$h1:为jquery包装集对象的变量名

(1)通过下标:$h1[0]  

(2)通过get()方法:$h1.get(0);

DOM对象转换为Jquery包装集对象:

(1)  $(dom对象);

(2)jQuery(dom对象);

-------------------------------------------------------------------------

jQuery包装集对象常用三个方法:

html():得到第一个匹配元素的html内容
text()：得到所有匹配元素的文本内容
val()：得到控件的值

---------------------------------------

jQuery基本选择器:

基本选择器：
id选择器：以#开头 例:$("#id");
类选择器：以.开头 例:$(".info");
元素选择器：标签名 例:$("h1");
匹配所有元素:*     例:$("*");
复合选择器:标签名以,隔开 例:$("p,input,h1");