JQuery基本用法总结

最近在学习前端，经常会遇到需要用到js的时候，但是原生js自己写好麻烦，所以决定先学一下Jquery,在此总结一下JQuery的基本用法

1.CSS选择器

       -$(documnet).css() //选择整个文档对象

       -$('#myid') //选择ID=myid的元素

       -$('div .myclass') //选择class为myclass的div元素

2.Jquery特有的表达式

       -$('a:first') //选择网页中的第一个a元素

       -$('tr:odd') //选择表格的奇数行

       -$('div:visible')//选择可见的div元素

  过滤器

       -$('div').has('p'); //选择包含p元素的div元素

       -$('div').not('.myclass') //选择class不等于myclass的div元素

       -$('div').filter('.myclass') //选择class等于myclass的div元素

 相邻元素查找

       -$('div').next('p'); //选择div元素后面的第一个p元素

       -$('div').parent(); //选择div元素的父元素

       -$('div').children;//选择div的所有子元素

3.Jquery方法函数化

 链式操作

 $('div').find('h3').eq(2).html('hello');

find('h3') 选择其中的h3元素

eq(2)选择其中第三个h3元素

html('html') 将其内容改为Hello

end()返回上一步操作的结果集

4.元素移动位置

$('div').insertAfter($('p'));

$('p').after('div');

区别：操作的元素不同 前面$()谁就是操作谁

$('').append(); //把append()里的元素添加到被选元素后面

$('').appendTo();//把被选元素添加到appendto()元素的后面.

5.JQuery的工具方法

$.each(function(){

});