美文网首页
HTML5学习小记七

HTML5学习小记七

作者: 涛涛灬灬 | 来源:发表于2017-03-07 16:04 被阅读0次

    1.动画效果的第三方框架 animate.min.css
    (1)将animate.min.css导入到当前工程中,选择复制到当前工程中,
    (2)导入文件名字<link rel="stylesheet" href="css/animate.min.css" />,相当于iOS中的import"";
    (3)将需要动画的块添加class="animated fadeInDownBig",其中fadeInDownBig为动画类型;
    (4)运行查看结果,各种炫酷炸天
    2.jQuery(callback) 是$(document).ready的简写,表示dome加载完毕之后执行函数中的方法;
    3.size()与length的返回值相同,用法是:

    ![](image.jpg)
     ![](image.jpg)
    juqery中代码为:
    $("img").size(); //返回结果为2;
    

    4.get([index])获取到某索引位置上面的元素,$(this).get(0)与$(this)[0]结果相同,是等价的,它类似与eq(index),不同点在于eq(index)返回的是jQuery对象;

    ![](image1.jpg) ![](image2.jpg)
    jQuery 代码:
    $("img").get(0);
    结果:
    [ ![](image1.jpg) ]
    

    5.index(selector|element) 搜索相应的元素所在的索引位置,从0开始计数,未搜索

    $('li').index(document.getElementById('bar')); //1,传递一个DOM对象,返回这个对象在原先集合中的索引位置
    $('li').index($('#bar')); //1,传递一个jQuery对象
    $('li').index($('li:gt(0)')); //1,传递一组jQuery对象,返回这个对象中第一个元素在原先集合中的索引位置
    $('#bar').index('li'); //1,传递一个选择器,返回#bar在所有li中的索引位置
    $('#bar').index(); //1,不传递参数,返回这个元素在同辈中的索引位置。  
    以上内容摘自jQuery api
    

    6.removeData(name[vale]) 移除data中的值,与data()作用相反
    7.element 给指定的元素标签名找到所有的元素 $('div')
    8.选择器:* 为选择所有标签元素
    9.selector1,selector2,selectorN,将每一个选择器匹配到的元素合并后一起返回。

    <div>div</div>
    <p class="myClass">p class="myClass"</p>
    <span>span</span>
    <p class="notMyClass">p class="notMyClass"</p>
    检索条件:$("div,span,p.myClass")
    输出结果为:[ <div>div</div>, <p class="myClass">p class="myClass"</p>, <span>span</span> ]
    

    10$.ajax()的几个参数: beforeSend,dataFilter,success,complete, type,url,dataType
    type请求的类型,分为get和post请求
    beforeSend 在发送请求之前调用,并且传入一个XMLHttpRequest作为参数。
    error 在请求出错时调用。传入XMLHttpRequest对象,描述错误类型的字符串以及一个异常对象(如果有的话)
    dataFilter 在请求成功之后调用。传入返回的数据以及"dataType"参数的值。并且必须返回新的数据(可能是处理过的)传递给success回调函数。
    success 当请求之后调用。传入返回后的数据,以及包含成功代码的字符串。
    complete 当请求完成之后调用这个函数,无论成功或失败。传入XMLHttpRequest对象,以及一个包含成功或错误代码的字符串。
    url:一个用来包含发送请求的URL字符串。
    settings:AJAX 请求设置。所有选项都是可选的。
    dataType:xml,html,json,jsonp,text, script

    相关文章

      网友评论

          本文标题:HTML5学习小记七

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