zoukankan      html  css  js  c++  java
  • jQuery

    jQuery
    jq是js一个高效且精简的库( 用的多写得少 ) ,是chrome出版的。
    jq内部有一个$的方法,他是jq的起始符或标识符,这个方法是用于获取元素。

    下载库或者框架的方法
    官网 production 发布版( ) development 开发版

    window.onload=function(){}和$(document).ready(function(){})的区别?
    window.onload是dom、文档、图片、资源全部加载完毕之后再执行。
    $(document).ready(function(){}) 是dom、文档先加载,图片资源直接跳过。

    jquery使用的是链式写法:每个方法使用完毕之后都会将前面的集合对象再次返回 所以jq才可以连缀

    一、选择器:id class 标签 后代 子代 交集 并集 通配符 结构 伪类 属性 相邻(+) 兄弟(~)
    相邻:.a + p (.a相邻的下一个p) 兄弟:.a ~ p( .a相邻的下面的p )
    $ 是用于获取元素的方法 返回的是dom元素构成的集合对象
    $("p:first-child") 第一个子元素必须是p的所有p元素
    $("p:first-of-type") 子元素中的第一个p元素的所有p元素
    属性选择器
    input专有
    $('#div p:eq(2)')表示id为div的后代元素中的第三个p元素 索引从0开始


    二、效果:
    事件方法中 this指向 当前绑定的元素对象 但是不能直接使用this 使用$(this)
    1.fadeOut() 由可见过渡到隐藏 参数3个:过渡周期 速率( 'swing'在中间移动快,'linear'匀速 ) 回调函数
    2.fadeIn() 由可隐藏渡到显示 参数3个:同上
    3.fadeTo() 方法逐渐改变被选元素的不透明度为指定的值 参数4个:过渡周期(必填) 透明度(必填) 速率 回调函数
    4.fadeToggle() 在 可见 和 不可见 方法之间进行切换 参数3个:过渡周期 速率 回调函数

    5.hide() 方法隐藏被选元素 参数3个:过渡周期 速率 回调函数
    5.show() 方法显示被选元素 参数3个:过渡周期 速率 回调函数
    6.toggle() 方法在被选元素上进行 隐藏 和 显示之间的切换

    7.slideDown() 向下滑动显示 参数3个:过渡周期 速率 回调函数
    8.slideUp() 向上滑动隐藏 参数3个:过渡周期 速率 回调函数
    9.slideToggle() slideUp() 和 slideDown() 方法之间的切换

    10.animate() 方法执行 CSS 属性集的自定义动画 根据css属性来添加的 但是css属性为字符串的都添加不了比如background系列
    参数4个:animate({styles},speed,easing,callback) 对象形式的CSS 过渡周期 速率 回调函数
    11.stop() 方法为被选元素停止当前正在运行的动画 参数2个


    三、事件
    向元素添加事件处理:on bind
    失去焦点事件:blur
    表单内容被修改事件:change
    聚焦事件:focus
    点击:click
    按下:mousedown
    抬起:mouseup
    移动:mousemove
    进入:mouseenter
    移出:mouseleave
    悬浮:mouseove
    移除:mouseout
    方法触发进入和移出事件:hover
    键盘按下松开:keydown
    键盘按下:keypress
    键盘松开:keyup
    表单选择:select()
    向匹配元素的当前或未来的子元素添加处理程序:delegate() $("div").delegate("p", "click", function);
    从元素中返回附加数据:data() data-control='prev';

    四、DOM操作
    1.addClass() 向被选元素添加一个或多个类名
    2.removeClass() 从被选元素移除一个或多个类
    3.after() 在被选元素后插入内容
    4.before() 在被选元素前插入内容

    5.append() 在被选元素的结尾插入内容
    6.appendTo() 在被选元素的结尾插入 HTML 元素

    6.prepend() 在被选元素的开头插入内容
    8.prependTo() 在被选元素的开头插入 HTML 元素

    9.attr(),prop() 设置或返回被选元素的属性/值
    10.css() 为被选元素设置或返回一个或多个样式属性
    11.height() 设置或返回被选元素的高度
    12.width() 设置或返回被选元素宽度

    13.html() 设置或返回被选元素的内容
    14.text() 设置或返回被选元素的文本内容

    15.insertBefore() 在被选元素前插入 HTML 元素
    16.insertAfter() 在被选元素后插入 HTML 元素

    17.scrollLeft() 设置或返回被选元素的水平滚动条位置
    18.scrollTop() 设置或返回被选元素的垂直滚动条位置
    19.val() 设置或返回被选元素的属性值(针对表单元素)


    五、遍历
    jquery获取的对象集合是个伪数组 不能用[0]这种形式获取 必须用eq
    eq() 返回带有被选元素的指定索引号的元素
    add() 把元素添加到匹配元素的集合中
    children() 返回被选元素的所有直接子元素,有个参数叫filter 过滤
    find() 返回被选元素的后代元素,filter必填
    siblings() 返回被选元素的所有同级元素

    next() 返回被选元素的后一个同级元素
    nextAll() 返回被选元素之后的所有同级元素

    parent() 返回被选元素的直接父元素
    parents() 返回被选元素的所有祖先元素

    prev() 返回被选元素的前一个同级元素
    prevAll() 返回被选元素之前的所有同级元素
    each() 为每个匹配元素添加执行函数


    六、实用工具
    $.each() 遍历指定的对象和数组 $.each( arr, function( index, value ){} )
    $.fn.extend() 为jQuery扩展一个或多个实例属性和方法
    $.extend() 将两个对象合并为一个对象

    jquery官网:http://jquery.com/

    jquery教程:http://www.runoob.com/jquery/jquery-tutorial.html

  • 相关阅读:
    POJ 1328 Radar Installation
    POJ 1700 Crossing River
    POJ 1700 Crossing River
    poj 3253 Fence Repair (贪心,优先队列)
    poj 3253 Fence Repair (贪心,优先队列)
    poj 3069 Saruman's Army(贪心)
    poj 3069 Saruman's Army(贪心)
    Redis 笔记与总结2 String 类型和 Hash 类型
    数据分析方法有哪些_数据分析方法
    数据分析方法有哪些_数据分析方法
  • 原文地址:https://www.cnblogs.com/lijieqiqi/p/qijqyi.html
Copyright © 2011-2022 走看看