Jquery的方法(一)
2016-01-07 20:08
781 查看
一、文档操作
1、内部插入:append(),appendTo(),prepend();
2、外部插入:after(),before();
3、删除操作:remove(),empty();
4、克隆操作:clone(),例:$('ul li:last').clone().appendTo('ul')
二、属性操作
1、获取属性:attr();
2、设置属性:
(1)单个属性,attr('属性名称','属性值');
(2)多个属性,元素.attr({'属性名称1':'属性值1','属性名称2':'属性值2'})
3、删除属性:removeAttr(属性名)
三、类操作
1、addClass();
2、removeClass();
3、toggleClass();
区别:
attr('class','classValue'):class的覆盖
addClass(className):追加样式,追加class的value
removeAttr('class'):删除属性
removeClass('className'):删除样式
四、筛选过滤
1、eq(index)获取第N个元素;
2、hasClass(class)检查当前的元素是否含有某个特定的类;
3、is(expr);
4、$('ul li').each(function(index){}) 遍历集合
五、筛选查找
add(expr),children(expr),find(expr),next(expr),prev(expr),siblings(expr),filter(expr)
六、样式操作
1、添加样式:css();
2、元素.css('样式名称','样式值');
3、元素.css({'样式名称1':'样式值1','样式名称2':'样式值2'});
4、offset():获取元素在当前窗口相对偏移量,返回left(),top(),只对可见元素有效;
5、height(),width()。
e对象:e.pageX, e.pageY
七、事件
ready(),hover(enterFun,leaveFun),toggle(fun1,fun2),blur(),change(),click(),focus()
mouseover(),mouseout(),resize(),scroll(),submit()
八、效果动画(算法+时间控制,记得清除计时器)
show(),hide(),fadeIn(),fadeOut(),slideUp(),slideDown(),animate(),toggle(num),
slideToggle(num),fadeTo(num,透明度),stop(clearqueue,gotoEnd)
1、内部插入:append(),appendTo(),prepend();
2、外部插入:after(),before();
3、删除操作:remove(),empty();
4、克隆操作:clone(),例:$('ul li:last').clone().appendTo('ul')
二、属性操作
1、获取属性:attr();
2、设置属性:
(1)单个属性,attr('属性名称','属性值');
(2)多个属性,元素.attr({'属性名称1':'属性值1','属性名称2':'属性值2'})
3、删除属性:removeAttr(属性名)
三、类操作
1、addClass();
2、removeClass();
3、toggleClass();
区别:
attr('class','classValue'):class的覆盖
addClass(className):追加样式,追加class的value
removeAttr('class'):删除属性
removeClass('className'):删除样式
四、筛选过滤
1、eq(index)获取第N个元素;
2、hasClass(class)检查当前的元素是否含有某个特定的类;
3、is(expr);
4、$('ul li').each(function(index){}) 遍历集合
五、筛选查找
add(expr),children(expr),find(expr),next(expr),prev(expr),siblings(expr),filter(expr)
六、样式操作
1、添加样式:css();
2、元素.css('样式名称','样式值');
3、元素.css({'样式名称1':'样式值1','样式名称2':'样式值2'});
4、offset():获取元素在当前窗口相对偏移量,返回left(),top(),只对可见元素有效;
5、height(),width()。
e对象:e.pageX, e.pageY
七、事件
ready(),hover(enterFun,leaveFun),toggle(fun1,fun2),blur(),change(),click(),focus()
mouseover(),mouseout(),resize(),scroll(),submit()
八、效果动画(算法+时间控制,记得清除计时器)
show(),hide(),fadeIn(),fadeOut(),slideUp(),slideDown(),animate(),toggle(num),
slideToggle(num),fadeTo(num,透明度),stop(clearqueue,gotoEnd)
相关文章推荐
- Zepto
- CSS3+jQuery实现时钟插件
- jquery eval解析JSON中的注意点介绍
- jquery操作select(设置选中值,取选中值)
- jQuery最佳实践
- blueimp/jquery-File-Upload中文文档
- 使用JQuery UI完成可输入内容且自动匹配的的下拉列表
- 使用jquery实现表单点击进入、移出变色效果(三)
- 实例讲解jquery与json的结合
- 使用jquery实现表单点击进入、移出变色效果(二)
- jquery的animate设置样式overflow:hidden的解决方法
- 基于jquery实现表格无刷新分页
- 使用jquery实现表单点击进入、移出变色效果(一)
- jQuery版本冲突问题解决与分析
- jQuery全屏滚动插件fullPage.js
- jquery属性选择器使用事例
- jQuery的$.browser的版本兼容问题
- jquery选择器的使用事例
- 使用jquery现实图片切换效果
- 鼠标聚焦到TextBox输入框时,按回车键刷新页面原因及解决方法