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(){
});
相关文章推荐
- Jquery基本用法总结
- JQuery的基本用法总结
- Jquery基本用法总结--很有用!
- Jquery基本用法总结
- JQuery each attr()基本用法总结
- jquery.validate.js的基本用法
- C#泛型列表List<T>基本用法总结
- Delphi ListView基本用法总结
- C#泛型列表List基本用法总结
- jQuery基本用法
- [转载]jquery.validate.js的基本用法入门
- 【JQuery】基本用法
- 网络编程资料总结(一)----TcpListener和TcpClient的基本用法
- jquery.validate.js的基本用法入门【转载】
- C#泛型列表List<T>基本用法总结
- C#泛型列表List基本用法总结
- Jquery基本知识点的总结(一)
- Jquery的基本用法
- Ext.GridPanel 用法总结(一)—— Grid基本用法
- [转载]jquery.validate.js的基本用法入门