JQuery教程

1、javaScript库(js文件)

2、使用:script标签

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

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

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

   

});    //   $(funcition(){

简写形式

});

6id选择器:$(‘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都改变

JsonjavaScript对象表示法

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:删掉清除所有的子元素

原文地址:https://www.cnblogs.com/z1234/p/6078901.html