-
$.post(url,[data],[callback])查看全部
-
在POST的过程中传递的参数就是用户在文本框输入的值，{ num:$("#txtNumber").val() },语句最后不能加“；”，否则不执行查看全部
-
$.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>"); }查看全部
-
使用load()方法通过Ajax请求加载服务器中的数据，并把返回的数据放置到指定的元素中，它的调用格式为： load(url,[data],[callback]) 参数url为加载服务器地址，可选项data参数为请求时发送的数据，callback参数为数据请求成功后，执行的回调函数。 例如，点击“加载”按钮时，向服务器请求加载一个指定页面的内容，加载成功后，将数据内容显示在<div>元素中，并将加载按钮变为不可用。查看全部
-
.serialize()方法可以将表单中有name属性的元素值进行序列化，生成标准URL编码文本字符串，直接可用于ajax请求 $.param() 序列化对象或者数组,常用于向服务端发送URL请求查看全部
-
jQuery1.9中被移除，知识有点陈旧查看全部
-
一、拖拽：draggable() 拖曳插件draggable的功能是拖动被绑定的元素。 1、引入的文件 <script src="http://www.imooc.com/data/jquery-1.8.2.min.js" type="text/javascript"></script> <script src="http://www.imooc.com/data/jquery-ui-1.9.2.min.js" type="text/javascript"></script> 2、格式：$(selector). draggable({options}); 3、例如： $('#x').draggable({ containment: 'parent',//指定拖拽区域 axis: 'x'//设置拖拽时的坐标方向 });查看全部
-
一、、选项卡插件-tabs 1、使用选项卡插件可以将<ul>中的<li>选项定义为选项标题，在标题中，再使用<a>元素的“href”属性设置选项标题对应的内容，它的调用格式如下： $(selector).tabs({options}); selector参数为选项卡整体外围元素，该元素包含选项卡标题与内容，options参数为tabs()方法的配置对象，通过该对象还能以ajax方式加载选项卡的内容。 <div id="divtest"> <div id="tabs"> <ul> <li><a href="#tabs-1">最爱吃的水果</a></li> <li><a href="#tabs-2">最喜欢的运动</a></li> </ul> <div id="tabs-1"> <p>橘子</p> <p>苹果</p> </div> <div id="tabs-2"> <p>足球</p> <p>乒乓球</p> </div> </div> </div> <script type="text/javascript"> $(function () { $('#tabs').tabs({ //设置各选项卡在切换时的动画效果 fx: { opacity: "toggle", height: "toggle" }, event: "mousemove" //通过移动鼠标事件切换选项卡 }) }); </script>查看全部
-
form插件的核心方法，在不改变HTML结构的基础上将form提交方式升级为AJAX提交方式： 1、$(<frm>).ajaxForm([<options> | <fn>]?); 2、$(<frm>).ajaxSubmit([<options> | <fn>]?); options： url: <url>, //服务器地址，默认为<frm>.action target: "#<id>", //指定服务器返回数据的存放处 type: <type>, //请求类型，默认为<frm>.method datatype: <datatype>, //接收服务器返回的数据类型，默认为null beforeSubmit: function(<frmDataArr>,<$frm>,<opts>), //表单提交前执行的函数 success: function(<responseTxt>,<statusTxt>,<xhr>,<$frm>), //提交成功后执行的函数 clearForm: <isClear>, //提交成功后，清除所有表单元素的值 resetForm: <isReset>, //提交成功后，重置所有表单元素的值 //...查看全部
-
一、面板折叠插件-accordion 1、面板折叠插件可以实现页面中指定区域类似“手风琴”的折叠效果。 2、调用格式：$(selector).accordion({options}); 3、示例代码： <div id="divtest"> <div id="accordion"> <h3> <a href="#">白富美</a></h3> <p>咱们结婚吧!</p> <h3> <a href="#">土豪族</a></h3> <p>咱们交个朋友吧!</p> </div> </div> <script type="text/javascript"> $(function () { $('#accordion').accordion(); }); </script>查看全部
-
一、拖拽排序插件-sortable 1、拖拽排序插件的功能是将序列元素（如<option>、<li>）按任意位置进行拖拽从而形成一个新的元素序列，实现拖拽排序的功能。 2、调用格式：$(selector).sortable({options}); 3、示例代码： $(function () { $("ul").sortable({ delay: 2,//为防止与点击事件冲突，延时2s执行 opacity: 0.35 //以透明度0.35随意拖动 }) });查看全部
-
一、放置插件-droppable 1、除使用draggable插件拖拽任意元素外，还可以调用droppable ui插件将拖拽后的任意元素放置在指定区域中，类似于购物车效果。 2、调用格式：$(selector).droppable({options})。 在对象中，drop函数表示当被接收的拖拽元素完全进入接收元素的容器中，触发该函数的调用。 3、示例： var intSum = 0; $(function () { $(".drag").draggable(); $(".cart").droppable({ drop: function () { intSum ++; $(this).addClass('focus') .find('#tip').html(''); $('title span').html(intSum); } }) });查看全部
-
一、拖拽：draggable() 拖曳插件draggable的功能是拖动被绑定的元素。 1、引入的文件 <script src="http://www.imooc.com/data/jquery-1.8.2.min.js" type="text/javascript"></script> <script src="http://www.imooc.com/data/jquery-ui-1.9.2.min.js" type="text/javascript"></script> 2、格式：$(selector). draggable({options}); 3、例如： $('#x').draggable({ containment: 'parent',//指定拖拽区域 axis: 'x'//设置拖拽时的坐标方向 });查看全部
-
validate插件： 1、validate验证：<$ele>.validate(<options>) 2、配置项<options>： rules:{<key>:<value>}自定义验证规则，<key>为表单元素的name属性名； messages:{<key>:<text>}自定义提示信息，<key>为表单元素的name属性名； errorPlacement:function(<error>,<ele>)规定将错误<error>放在何处<ele>查看全部
-
json定义：var json = [...]或{...} each用法：$.each(<obj>, function(<index>,<value>))查看全部
举报
0/150
提交
取消