美文网首页
JQuery整合

JQuery整合

作者: 梨啊梨 | 来源:发表于2017-12-24 20:30 被阅读0次

    JQuery是一个专门用来动态改变Web页面文档的JavaScript库

    $(this):不要加引号,选择当前元素

    $("div p");div元素中的所有p元素

    append():追加到元素后面

    remove():从DOM完全删除元素,他的所有子元素也会删除

    detach():将选择的元素取出来,还会维护这些元素,以后可以重连

    parent():获取父元素

    children():获取子元素

    prev():前一个兄弟元素

    next():后一个兄弟元素

    empty():删除一个元素中的内容

    $ xxxx:用来存储jquery返回的内容

    replaceWith():把选择的元素替换成新元素,适合一对一替换

    before():将新内容插入到选择元素前面

    after():将新内容插入到选择元素之后

    first():选择所匹配元素第一个元素,其他的全部过滤掉

    last():选择所匹配元素最后一个元素,其他的全部过滤掉

    eq():除了所选元素中索引号内的元素,其他全部过滤掉

    slice():选择索引内之间的元素,比如$(".xxx").slice(1,3),他选择的是.xxx[2]的元素

    fiter():选择括号内指定的匹配元素,其他全部过滤

    not():过滤掉括号内匹配的所有元素


    淡入淡出效果

    fadeln        fadeOut      fadeTo

    滑动效果

    slideup      slideDown    slideToggle

    animate方法只适用于使用数值设置的css属性,他还能同时改变所选元素的多个属性.

    比如:$(".img).animate(“{left:200px},1000)”,参数还可以配合+=    -=   这些


    JavaScript定时器方法:

    setTimeout():一定时间之后运行函数

    setInterval():函数反复运行,每次重复之前可以设置一个间隔时间

    clearInterval():函数停止

    Jquery定时器:

    delay():一般用在效果链中,加一个停顿


    Ajax

    这是一些技术的组合,允许更新web页面的一部分,而不需要重新加载整个页面

    ajax快捷方法:

    $.get

    $.getJSON

    $.getScript

    $.post

    $.load


    处理JSON数据

    使用http向服务器发送数据有两种方法:get和post

    get:将表单域名和值作为键值对追加到URL的末尾,URL中?后面的数据是可见的

    post:同样这么发送,但是编码方式不同,而且URL中的数据对用户不可见

    发送数据前先格式化

    向服务器发送数据之前(使用ajax),需要将数据序列化。

    JQuery提供两个方法:serializeserializeArray

    serialize:把所有表单输入连接起来构成一个键值对组成的串,用&隔开

    serializaArray:创建一个键值对关联的数组,这是一个对象,结构比较清晰

    向服务器发送数据

    jQuery提供了一个快捷方法post

    相关文章

      网友评论

          本文标题:JQuery整合

          本文链接:https://www.haomeiwen.com/subject/zpzowxtx.html