DOM转化为jQuer对象

var $div = $(div) //将dom节点div转化为$div的jQuery对象

通过getElementsByTagName获取到所有div节点的元素，结果是一个dom合集对象，不过这个对象是一个数组合集(3个div元素)。

jQuery对象自身提供一个.get() 方法允许我们直接访问jQuery对象中相关的DOM节点

var div = $div.get(0)

   //通过get方法，转化成DOM对象

注意：数组下标是从0开始的

修改js库的源地址的协议类型，从“http"修改为”https"

.css( )方法  ：获取元素样式属性，或者设置元素的css属性

1. 获取  $("选择器") .css("属性名")  获取选择器获得的匹配元素集合中第一个元素的样式属性值 

            $("选择器") .css(["属性名1","属性名2"，，])  返回一个对象结果    

   var value = $('.first').css(["width","height"]);

   //因为获取的是一个对象，取到对应的值$('p:eq(2)').text( 'width:' + value.width +  ' height:' +value.height )

2. 设置  $(选择器).css("属性名","属性值") 例：$('.fourth').css("font-size","15px")

     $(选择器).css({

   "样式属性名1":"属性值1",

   "样式属性名2":"属性值2"

   })

.html()    .val()     当匹配多个元素时，只获取第一个元素    其中.html()用来读取元素的HTML内容，包括HTML标签       .val（）用来读取表单元素的value值

.text()   匹配多个元素时，获取所有元素的文本内容，包括其后代元素

.html(htmlString)  .text(textstring)    .val(value)   替换选中元素的内容，如果选中多个，所有的都被替换

.html( ) 方法   读取，修改元素的HTML结构

1. $(选择器).html( )   括号内不传入值，获取集合(选择器选中的元素集合)中第一个匹配元素的HTML内容

2. $(选择器).html(htmlString )   设置每一个匹配元素的HTML内容

3. $(选择器).html(function(index,oldhtml))   用来返回设置HTML内容的一个函数

   
   

      .text( )  方法    

    1.  $(选择器).text()   得到匹配元素集合中每个元素的合并文本，包括他们的后代（结果返回一个字符串，包含所有匹配元素的合并文本）

     2.$(选择器).text(textString)   用于设置匹配元素内容的文本

     3.$(选择器).text(function(index,text))  用来返回设置文本内容的一个函数（获取原本的内容，修改，在重新赋值）

子选择器：选择所有指定“parent”元素中指定的"child"的直接子元素。 $("ancestor descendant") 后代选择器：选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子，孙子，曾孙等 $("prev + next") 相邻兄弟选择器：选择所有紧接在“prev”元素后的“next”元素 $("prev ~ siblings") 一般兄弟选择器：匹配“prev”元素之后的所有 兄弟元素。具有相同的父元素，并匹配过滤“siblings”选择器 $( "parent > child" ) 子选择器：选择所有指定“parent”元素中指定的"child"的直接子元素。 $("ancestor descendant") 后代选择器：选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子，孙子，曾孙等 $("prev + next") 相邻兄弟选择器：选择所有紧接在“prev”元素后的“next”元素 $("prev ~ siblings") 一般兄弟选择器：匹配“prev”元素之后的所有 兄弟元素。具有相同的父元素，并匹配过滤“siblings”选择器 

子选择器（>）        $("parent>child")

后代选择器（空格）   $("ancestor descendant")

注意：祖先元素的所有后代元素，可能是孩子，孙子，曾孙

相邻兄弟选择器（+）  $("prev+next ")

注意：在prev之后（不是之前）遇到的第一个指定元素

           以上若为id名前加#号，类前加点号，元素前不用加.

一般兄弟选择器（~）    $("prev~siblings")

注意：在prev之后（不是之前）遇到的所有指定元素（同级）。

注意：1.===严格等于，表示数值和类型都相等

2.jQuery的变量名前加$符号是为了区分与JavaScript的变量，一般都要加，在定义变量名称合法时有说过变量名以字母，下划线，$开头。

jQuery选择器的元素选择器

$("element");

注意：element为标签名

注意：1.通过getElementsByClassName（）函数实现样式的编辑，会得到一个dom对象的数组，需要使用一个循环来为所有对象设计样式。

2.通过jQuery来设计样式，直接 名称.css("     样式");无需循环，此方法内部带了一个隐式的循环处理

jquery的ID选择器（#号）

$("#id");

如果多个元素分配了相同的ID，将只匹配该ID选择集合的第一个dom元素。但这种行为不应该发生。

1.dom对象转化成jQuery对象

$(dom)方法    可以将dom对象转化为jQuery对象

1.$("form:first-child")不行？

jQuery的属性与样式

1. attr（）  获取和设置元素属性

    attr（属性名）：获取属性的值

   attr（属性名，属性值）：设置属性的值

   attr（属性名，函数值）：设置属性的函数值

   attr（attributes）：给指定元素设置多个属性及值，即{属性名1：“属性值1”，属性名2：“属性值2”，，，，}

2. .removeAttr（attributeName）：为匹配的元素集合中每个元素移除一个属性。