• 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

  • 相关阅读:
    正则表达式(十四)——找出某一个网页内部的所有的邮箱
    正则表达式(十三)——分组
    正则表达式(十二)——字符串的替换
    正则表达式(十一)——find和lookingAt
    查看隐藏文件夹
    SpringBoot 热部署
    oracle dmp文件泵导入
    python -爬虫-pycrul安装问题
    阿里云https tomcat配置
    jar包下载
  • 原文地址:https://www.cnblogs.com/lijieqiqi/p/qijqyi.html
Copyright © 2020-2023  润新知