-
appendTo()方法向指定的元素内插入内容,它的使用格式是: $(content).appendTo(selector) 参数content表示需要插入的内容,可以是自己定义的变量插入,也可以是用选择器选择一个元素标签插入,参数selector表示被选的元素,即把content内容插入selector元素内 注意:默认是插入在这个selector的尾部查看全部
-
append(content)方法的功能是向指定的元素中追加内容 被追加的content参数可以是字符、HTML元素标记,还可以是一个返回字符串内容的函数查看全部
-
$(function(){ var students=[ {name: "xx",sex: "男",age: "30"}, {name: "yy",sex: "女",age: "26"}, {name: "zz",sex: "不详",age: "5"} ]; $.each(students,function(index,stu){ $("#stuList").append("<li><pre>姓名:"+stu.name+" | 性别:"+stu.sex+" | 年龄:"+stu.age+"</pre></li>"); }); });查看全部
-
异步加载页面,$(selector).load("url地址"),设置全局ajax请求的方法,$.ajaxSetup([options]),option为选项参数,可用函数替代查看全部
-
ajaxStart()和ajaxStop()方法是绑定Ajax事件。ajaxStart()方法用于在Ajax请求发出前触发函数,ajaxStop()方法用于在Ajax请求完成后触发函数。它们的调用格式为: $(selector).ajaxStart(function())和$(selector).ajaxStop(function()) 其中,两个方法中括号都是绑定的函数,当发送Ajax请求前执行ajaxStart()方法绑定的函数,请求成功后,执行ajaxStop ()方法绑定的函数。 $(function () { $("fl").ajaxStart(function(){ $(this).html("正在请求数据..."); }); $("fl").ajaxStop(function(){ $(this).html("数据请求完成!"); }); $("#btnShow").bind("click", function () { var $this = $(this); $.ajax({ url: "http://www.imooc.com/data/info_f.php", dataType: "json", success: function (data) { $this.attr("disabled", "true"); $("ul").append("<li>我的名字叫:" + data.name + "</li>"); $("ul").append("<li>男朋友对我说:" + data.say + "</li>"); } }); }) });查看全部
-
使用ajaxSetup()方法可以设置Ajax请求的一些全局性选项值,设置完成后,后面的Ajax请求将不需要再添加这些选项值,它的调用格式为: jQuery.ajaxSetup([options])或$.ajaxSetup([options]) 可选项options参数为一个对象,通过该对象设置Ajax请求时的全局选项值。 $(function () { $.ajaxSetup({ dataType: "text", success: function(data){ $("ul").append("<li>你输入的<b> " + $("#txtNumber").val() + " </b>是<b> " + data + " </b></li>"); } }); $("#btnShow_1").bind("click", function () { $.ajax({ data: { num: $("#txtNumber").val() }, url: "http://www.imooc.com/data/check.php" }); }) $("#btnShow_2").bind("click", function () { $.ajax({ data: { num: $("#txtNumber").val() }, url: "http://www.imooc.com/data/check_f.php" }); }) });查看全部
-
使用ajax()方法是最底层、功能最强大的请求服务器数据的方法,它不仅可以获取服务器返回的数据,还能向服务器发送请求并传递数值,它的调用格式如下: jQuery.ajax([settings])或$.ajax([settings]) 其中参数settings为发送ajax请求时的配置对象,在该对象中,url表示服务器请求的路径,data为请求时传递的数据,dataType为服务器返回的数据类型,success为请求成功的执行的回调函数,type为发送数据请求的方式,默认为get。 $(function () { $("#btnCheck").bind("click", function () { $.ajax({ url:"http://www.imooc.com/data/check.php", data: { num: $("#txtNumber").val() }, type:"post", success: function (data) { $("ul").append("<li>你输入的<b> " + $("#txtNumber").val() + " </b>是<b> " + data + " </b></li>"); } }); }) });查看全部
-
简单版查看全部
-
使用serialize()方法可以将表单中有name属性的元素值进行序列化,生成标准URL编码文本字符串,直接可用于ajax请求,它的调用格式如下: $(selector).serialize() 其中selector参数是一个或多个表单中的元素或表单元素本身。 $(function () { $("#btnAction").bind("click", function () { $("#litest").html($("form").serialize()) }) })查看全部
-
在页面中有三个<div>元素,采用jQuery中的链式写法,隐藏第二个<div>元素 $("div:eq(1)").hide();查看全部
-
:last-child子元素过滤选择器的功能是获取每个父元素中返回的最后一个子元素,它也是一个集合,常用多个集合数据的选择处理。查看全部
-
:first-child子元素过滤选择器则可以获取每个父元素中返回的首个子元素,它是一个集合,常用多个集合数据的选择处理。查看全部
-
面板折叠插件——accordion 面板折叠插件可以实现页面中指定区域类似“手风琴”的折叠效果,即点击标题时展开内容,再点另一标题时,关闭已展开的内容,调用格式如下: $(selector).accordion({options}); 其中,参数selector为整个面板元素,options参数为方法对应的配置对象。查看全部
-
拖曳排序插件——sortable 拖曳排序插件的功能是将序列元素(例如<option>、<li>)按任意位置进行拖曳从而形成一个新的元素序列,实现拖曳排序的功能,它的调用格式为: $(selector).sortable({options});查看全部
-
[attribute*=value],它可以获取属性值中包含指定内容的全部元素查看全部
举报
0/150
提交
取消