jquery

1.引入jquery

　　<script language="javascript" type="text/javascript"  src="1.9.0/jquery.js"></script>

2.选择器：

　　$("p");//标签名选择器；

　　$('.box');//class选择器

　　$('div*');//*选择器，选取页面中的全部元素；

　　　　使用$('div*')可以获取div中的所有子元素；慎用，有些浏览器会比较缓慢；

　　$('#id,.class');//多个选择器，之间用逗号分开；

　　$('div span');//ance desc选择器；父子元素选择器；

　　$('parent>child');//子元素选择器；

　　$('prev+next');//相邻兄弟选择器；选择的是prev的下一个兄弟元素next元素，只返回一个唯一的一个元素

　　$('prev~siblings');//选择prev后的所有相邻的元素；$('p~span'):选择出p元素后的所有同级的span元素；

　　$('li:first');//选择出集合元素中某一位置的单个元素；　　　　　　$('li:last')

　　$('li:eq(index)');//可以选择出任意一个元素，index表示索引号；$('li:eq(3)').css('color','#f48');

　　$('li:contains('jqurey')');//可以通过元素内容来选择，如果元素的内容包括jquery，则选择出来；

　　$('li:has(selector)');//通过选择元素内是否包含selector元素，选择出包含selector标签的元素；$('li:has("a")')

　　$('li:hidden');//:hidden可以获取所有的看不见 的元素，

　　$('li:visible');//选择所有可见的元素；

　　$('li[attribute=value]');//选择属性名和属性值完全相同的元素；

　　$('li[attribute!=value]');//获取属性名或属性值不相同的元素；

　　$('li[attribute*=value]');//获取属性包含value值的所有元素；

　　表单选择器：

　　　　通过表单选择器可以选择出表单内的全部所需的标签，

3.对象方法：

　　attr:通过元素的属性名称来获取元素属性名的值；

　　　　$('box').attr('class');//即可获取到元素的class名；

　　.html()方法和text()方法可以设置和获取元素的内容，如果方法中包含参数，则将参数设置为元素的内容；

　　　　html()方法可以获取元素的html内容，text()值获取元素中的文本内容，并不包含html格式代码。

　　addCalss()和css()方法可以方便操作元素中的样式，addClass()中的参数为增加的元素样式的名称；css()直接将样式的属性内容写在括号中。

　　　　css()方法可以直接在参数中写入json来添加多个css属性，{"background-color":"red","color":"#fff"};

　　removeAttr(name)和removeClass(class)可以分别移除元素的属性和样式的功能；前者参数为移除的属性名，后者参数为移除的样式名；

　　append(content)方法可以向制定的元素添加内容，添加子元素；

　　　　append()方法内可以添加函数，可以添加任何东西；

　　appendTo()是将元素添加到指定的参数内，参数为标签；

　　.html():

　　　　获取元素内的所有内容；

　　before()和after()方法分别可以在元素的前后添加指定的内容；$('.box').before($html);

　　clone()方法可以复制一个被选中的元素

　　replaceWith(content)和replaceAll(selector)方法可以用于替换元素中的内容，当他们调用时，内容和被替换元素所在的位置不同；

　　wrap()和wrapInner()方法都可以进行元素包裹，前者用于包裹元素本身，后者用于包裹元素中的内容；

4.元素属性及值

　　disabled:true;//将元素设置为不可用；