为了账号安全,请及时绑定邮箱和手机立即绑定

jQuery基础(五)一Ajax应用与常用插件

陶老实 其它
难度中级
时长 3小时20分
学习人数
综合评分9.40
97人评价 查看评价
9.6 内容实用
9.2 简洁易懂
9.4 逻辑清晰
  • 调用各式:

    load(url,[data],[callback])

    查看全部
  • <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style type="text/css">
            ul{
                width:100px;
                margin:10px auto;
            }
            li{
                height:30px;
                background-color:#0d638f;
                padding:1px;
                margin:1px 0;
                line-height:30px;
                text-align: center;
                color:#f0ad4e;

            }
            li:hover{
                cursor:pointer;
            }
        </style>
        <script src="https://www.imooc.com/data/jquery-1.8.2.min.js" type="text/javascript"></script>


    </head>
    <body>
    <ul id="ulTest">
        <li>我是第一个</li>
        <li>我是第二个</li>
        <li>我是第三个</li>
        <li>我是第四个</li>
    </ul>

    <script type="text/javascript">
        $(function(){
            $("li").bind("mouseover",function(){
                $(this).css("background-color","#fffccc")
            });
            $("li").bind("mouseout",function(){
                $(this).css("background-color","#0d638f");
            });
        })




    </script>
    </body>
    </html>

    查看全部
    0 采集 收起 来源:编程挑战

    2018-04-27

  • $.trim()这个有用。

    查看全部
  • 拖拽插件

    查看全部
  • cookie插件

    查看全部
  • json定义:var json = [...]或{...}

    each用法:$.each(<obj>, function(<index>,<value>))

    此题建立json数组对象 动态的显示添加的数据内容

    查看全部
    0 采集 收起 来源:编程练习

    2018-04-24

  • <script src="https://www.imooc.com/static/lib/jquery/1.9.1/jquery.js" type="text/javascript"></script> 

    查看全部
  • 感觉.ajax()函数就是前面几节的总结啊,也可以称之为他们的老大,哈哈
    然后.ajax()函数的参数里面是一个数组对象,对象里面有url、data、dataType、type、success、error等等。分别每个表示如下:
    url:请求服务器地址的路劲
    data:请求时传递的数据
    dataType:请求时的数据类型
    type:请求时的请求类型,有get方式和post方式,默认不加的话是get方式
    success:请求后成功回调事件
    error:请求后失败回调事件

    查看全部
  • jQuery.ajax([settings])$.ajax([settings])

    其中参数settings为发送ajax请求时的配置对象,在该对象中,url表示服务器请求的路径,data为请求时传递的数据,dataType为服务器返回的数据类型,success为请求成功的执行的回调函数,type为发送数据请求的方式,默认为get。


    查看全部
  • GET后退按钮/刷新无害,POST数据会被重新提交(浏览器应该告知用户数据会被重新提交)。GET书签可收藏,POST为书签不可收藏。GET能被缓存,POST不能缓存 。GET编码类型application/x-www-form-url,POST编码类型encodedapplication/x-www-form-urlencoded 或 multipart/form-data。为二进制数据使用多重编码。GET历史参数保留在浏览器历史中。POST参数不会保存在浏览器历史中。GET对数据长度有限制,当发送数据时,GET 方法向 URL 添加数据;URL 的长度是受限制的(URL 的最大长度是 2048 个字符)。POST无限制。GET只允许 ASCII 字符。POST没有限制。也允许二进制数据。与 POST 相比,GET 的安全性较差,因为所发送的数据是 URL 的一部分。在发送密码或其他敏感信息时绝不要使用 GET !POST 比 GET 更安全,因为参数不会被保存在浏览器历史或 web 服务器日志中。GET的数据在 URL 中对所有人都是可见的。POST的数据不会显示在 URL 中。 作者:杨光 链接:https://www.zhihu.com/question/28586791/answer/145424285 来源:知乎 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

    查看全部
  • $.get(url,[callback],"json")后面的JSON的含义 设置从服务器获取数据的类型,所以得到的数据格式为json类型的。 默认get从服务器获取到的数据是 字符串类型

    查看全部
  • 好玩的sortable()插件

    查看全部
  • draggable()沿着xy轴腿拽。

    查看全部
  • draggable

    查看全部
  • <html xmlns="http://www.w3.org/1999/xhtml">

    <head>

        <title></title>

        <script src="https://libs.baidu.com/jquery/1.9.1/jquery.js"></script>

        </head>

    <body>

        <ul>

            <li>哈哈</li>

            <li>哈哈</li>

            <li>哈哈</li>

            <li>哈哈</li>

            <li>哈哈</li>

            <li>哈哈</li>

        </ul>

    </body>

    <script>

    (function($){


      $.extend({


      Focus:function(e){e.mousemove(function(){$(event.target).css("background","#CCC");});


      e.mouseout(function(){$(event.target).css("background","#FFF");});


       }


    });


    })(jQuery);


    $(function(){


      $.Focus($("li"));


    })

    </script>

    </html>


    查看全部
    0 采集 收起 来源:编程挑战

    2018-04-20

举报

0/150
提交
取消
课程须知
1、有HTML/CSS基础 2、有JavaScript基础
老师告诉你能学到什么?
1、jQuery中的ajax应用 2、jQuery中的插件 3、jQuery中的工具类函数

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!