您的位置:首页 > Web前端 > JQuery

JQuery基本用法总结

2017-05-09 17:30 190 查看

最近在学习前端,经常会遇到需要用到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(){
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: