zoukankan      html  css  js  c++  java
  • 浅谈Jquery的使用下篇

    上一篇我们已经探讨了Jquery的有关的内容,简单的选择器以及一些Jquery的属性事件和方法等内容,让我们简单的学到了Jquery的比较基础的内容,下面我们就来探讨Jquery的一些其它的内容,比如Jquery 与AJAX的使用等内容方面,希望学习了能使大家对Jquery的使用更加的灵活

    1、实现Jquery与AJAX的联合使用

    AJAX 是与服务器交换数据的艺术,它在不重载全部页面的情况下,实现了对部分网页的更新。

    (1)、jQuery - AJAX load() 方法

    jQuery load() 方法是简单但强大的 AJAX 方法。

    load() 方法从服务器加载数据,并把返回的数据放入被选元素中。

    语法:

    $(selector).load(URL,data,callback);

    必需的 URL 参数规定您希望加载的 URL。

    可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。

    可选的 callback 参数是 load() 方法完成后所执行的函数名称。

    (2)、jQuery get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据。

    jQuery $.get() 方法

    $.get() 方法通过 HTTP GET 请求从服务器上请求数据。

    语法:

    $.get(URL,callback);

    必需的 URL 参数规定您希望请求的 URL。

    可选的 callback 参数是请求成功后所执行的函数名。

    jQuery $.post() 方法

    $.post() 方法通过 HTTP POST 请求从服务器上请求数据。

    语法:

    $.post(URL,data,callback);

    必需的 URL 参数规定您希望请求的 URL。

    可选的 data 参数规定连同请求发送的数据。

    可选的 callback 参数是请求成功后所执行的函数名。

    2、实现Jquery与HTML的联合使用

    (1)、改变 HTML 内容

    语法

    $(selector).html(content)

    html() 函数改变所匹配的 HTML 元素的内容(innerHTML)。

    (2)、添加 HTML 内容

    语法

    $(selector).append(content)

    append() 函数向所匹配的 HTML 元素内部追加内容。

    语法

    $(selector).prepend(content)

    prepend() 函数向所匹配的 HTML 元素内部预置(Prepend)内容

    语法

    $(selector).after(content)

    after() 函数在所有匹配的元素之后插入 HTML 内容。

    语法

    $(selector).before(content)

    before() 函数在所有匹配的元素之前插入 HTML 内容。

    函数描述
    $(selector).html(content) 改变被选元素的(内部)HTML
    $(selector).append(content) 向被选元素的(内部)HTML 追加内容
    $(selector).prepend(content) 向被选元素的(内部)HTML “预置”(Prepend)内容
    $(selector).after(content) 在被选元素之后添加 HTML
    $(selector).before(content) 在被选元素之前添加 HTML
  • 相关阅读:
    选择
    随便写了一个CodeToDbTable可生成(含备注)sql脚本(基于hibernate实体)
    分享一个k8s的mysql-router配置
    因为一个外接国外项目要求英文,故用python简单写的中文页面文件转英文
    thinkpad e450 win7黑苹果macos 10.10.5(网/显/声卡驱动)安装成功
    爆栈之前端工程化技术小结(备案)
    使用Pytorch实现简单的人脸二分类器
    链表的反转
    合唱队
    字节跳动——机器人跳跃问题
  • 原文地址:https://www.cnblogs.com/dyllove98/p/3144935.html
Copyright © 2011-2022 走看看