-
使用ajax()方法加载服务器数据 使用ajax()方法是最底层、功能最强大的请求服务器数据的方法，它不仅可以获取服务器返回的数据，还能向服务器发送请求并传递数值，它的调用格式如下： jQuery.ajax([settings])或$.ajax([settings]) 其中参数settings为发送ajax请求时的配置对象，在该对象中，url表示服务器请求的路径，data为请求时传递的数据，dataType为服务器返回的数据类型，success为请求成功的执行的回调函数，type为发送数据请求的方式，默认为get。查看全部
-
使用get()方法以GET方式从服务器获取数据 使用get()方法时，采用GET方式向服务器请求数据，并通过方法中回调函数的参数返回请求的数据，它的调用格式如下： $.get(url,[callback]) 参数url为服务器请求地址，可选项callback参数为请求成功后执行的回调函数。 eg: $(function () { $("#btnShow").bind("click", function () { var $this = $(this); $.get("http://www.imooc.com/data/info_f.php", function(data) { $this.attr("disabled", "true"); $("ul").append("<li>我的名字叫：" + data.name + "</li>"); $("ul").append("<li>男朋友对我说：" + data.say + "</li>"); }, "json"); })查看全部
-
使用getScript()方法异步加载并执行js文件 使用getScript()方法异步请求并执行服务器中的JavaScript格式的文件，它的调用格式如下所示： jQuery.getScript(url,[callback])或$.getScript(url,[callback]) 参数url为服务器请求地址，可选项callback参数为请求成功后执行的回调函数。 eg: $(function () { $("#btnShow").bind("click", function () { var $this = $(this); $.getScript("http://www.imooc.com/data/sport_f.js",function(){ $this.attr("disabled", "true"); }); }) });查看全部
-
使用getJSON()方法异步加载JSON格式数据 使用getJSON()方法可以通过Ajax异步请求的方式，获取服务器中的数组，并对获取的数据进行解析，显示在页面中，它的调用格式为： jQuery.getJSON(url,[data],[callback])或$.getJSON(url,[data],[callback]) 其中，url参数为请求加载json格式文件的服务器地址，可选项data参数为请求时发送的数据，callback参数为数据请求成功后，执行的回调函数。 eg: $(function () { $("#btnShow").bind("click", function () { var $this = $(this); $.getJSON("http://www.imooc.com/data/sport.json",function(data){ $this.attr("disabled", "true"); $.each(data, function (index, sport) { if(index==3) $("ul").append("<li>" + sport["name"] + "</li>"); }); }); }) });查看全部
-
使用load()方法异步请求数据 使用load()方法通过Ajax请求加载服务器中的数据，并把返回的数据放置到指定的元素中，它的调用格式为： load(url,[data],[callback]) 参数url为加载服务器地址，可选项data参数为请求时发送的数据，callback参数为数据请求成功后，执行的回调函数。 eg: $(function () { $("#btnShow").bind("click", function () { var $this = $(this); $("ul") .html("<img src='Images/Loading.gif' alt=''/>") .load("http://www.imooc.com/data/fruit_part.html",function(){ $this.attr("disabled", "true"); }); }) });查看全部
-
菜单工具插件——menu 创建好<ul><li>后，直接调用该插件可以实现一些菜单选择效果查看全部
-
对话框插件——dialog查看全部
-
选项卡插件——tabs查看全部
-
面板折叠插件——accordion 点击一个列表时，另一个列表自动隐藏。 $(selector).accordion({options}); selector通常是包含几个<a>的<div>，通过点击<a>来实现折叠<a>里面的内容。查看全部
-
拖曳排序插件——sortable 可以自由跟换位置，通常使用在<ul>元素上拖拽<li>元素。 $(selector).sortable({options}); options里包含delay和opacity delay: 2 延时2秒，为的是防止与点击事件冲突； opacity: 0.35 拖拽元素时，透明度变为0.35查看全部
-
放置插件——droppable 使得指定元素能够装东西(类似于购物车)，并能够添加函数实现效果。 $(selector).droppable({options}) options里包含一个drop:function(){}，函数里为要实现的功能查看全部
-
拖曳插件——draggable 使其绑定元素能够进行拖拽 格式：$(selector). draggable({options}) options里包含containment和axis，containment:"parent"表示只能在父元素范围内拖拽，axis:"x"表示只能沿x轴拖拽。查看全部
-
replaceWith()和replaceAll()方法都可以用于替换元素或元素中的内容，但它们调用时，内容和被替换元素所在的位置不同，分别为如下所示： $(selector).replaceWith(content)和$(content).replaceAll(selector) 参数selector为被替换的元素，content为替换的内容 例如：$($html).replaceAll("span"); $("span").replaceWith($html);查看全部
-
clone()方法可以生成一个被选元素的副本，即复制了一个被选元素，包含它的节点、文本和属性，它的调用格式为： $(selector).clone() 其中参数selector可以是一个元素或HTML内容 例如$("body").append($("span").clone())，把复制过来的插入到body标签中查看全部
-
使用before()和after()方法可以在元素的前后插入内容，它们分别表示在整个元素的前面和后面插入指定的元素或内容，调用格式分别为： $(selector).before(content)和$(selector).after(content) 其中参数content表示插入的内容，该内容可以是元素或HTML字符串 这个和前面的添加和插入不同，注意元素的位置是放在了前面查看全部
举报
0/150
提交
取消