zoukankan      html  css  js  c++  java
  • Jquery的方法(一)

    一、文档操作
    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)

  • 相关阅读:
    AutoLayout动画
    实现毛玻璃效果
    合并静态库
    GCDAsyncSocket~
    iOS下URL编码
    OC多线程之GCD ----- 2
    堆和栈的区别
    Effective Objective-C 2.0重读笔记---2
    Android手机端抓包方法
    Android APK反编译
  • 原文地址:https://www.cnblogs.com/camille666/p/jquery_function.html
Copyright © 2011-2022 走看看