JQuery教程

1、是javaScript库（js文件）

2、使用：script标签

3、语法：$开头 $().action() 列如：$(‘div’).css(“color”,’red’);

4、两个window.onload()：后面一个onload会把上一个onload覆盖

5、$(document).ready(function(){

   

});    //   $(funcition(){

简写形式

});

6、id选择器:$(‘id’);               .html() —相当于innerHTML

   类选择器：$(‘.class’).size(); _—得到类的长度   绑定事件：$(‘class’).clcik(fuction(){})

   元素选择器：$(‘div’);

   *选择器：$(‘.myClass,h1,.myClass p,span’) 得到元素

   child：在给定父元素下面的所有子元素   $(“div > p”) 只选择p元素;    

   兄弟元素:$(“div>p:eq(0)+p”) 得到div下面的所有p元素的第一个元素的下一个元素‘+’：下一个元素 ‘~’：第一个元素的下面所有兄弟元素

   找到第三个元素：$(‘li:first+li+li’);

   找到上一个元素：expr

   匹配奇数：$(‘tr:odd’);

   tr:nth-of-type(2n){

 

   }  偶数行的背景颜色

   $(‘li:gt(0)’); ：大于0的都改变 $(‘li:lt(5)’);：小于5都改变

 

Json：javaScript对象表示法

1、存储和交换文本信息的语法

2、创建一个json对象：var person={

键：值 列如：name:’张三’

City:{cityname:’成都’}   在对象里面保留一个对象

Pet:[{name:’猫’,color:’红色’},{name:’狗’}]   保留一个数组

};

3、取出json属性：person.name 对象名称.属性

     Person.city.name

     Person.pet[1].name

 

文档处理

创建一个元素:js :document.creatElement(‘p’);

        Jquery : $(‘p’).append(‘<p>p元素之间的内容</p>’);  在P元素后面加一个p元素——默认添加在后面

Append：添加内容在后面 prepend：添加内容在前面

After：在节点后面添加元素  before：在节点前面添加元素

Wrap：在外面添加一个更大的元素，包裹起来  

WrapAll：包裹所有的元素

 

Empty：删掉清除所有的子元素