-
使用load()方法异步请求数据 使用load()方法通过Ajax请求加载服务器中的数据，并把返回的数据放置到指定的元素中，它的调用格式为： load(url,[data],[callback]) 参数url为加载服务器地址，可选项data参数为请求时发送的数据，callback参数为数据请求成功后，执行的回调函数。 <script type="text/javascript"> $(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"); }); })； }); </script>查看全部
-
使用ajax()方法是最底层、功能最强大的请求服务器数据的方法，它不仅可以获取服务器返回的数据，还能向服务器发送请求并传递数值，它的调用格式如下：jQuery.ajax([settings])或$.ajax([settings])其中参数settings为发送ajax请求时的配置对象，在该对象中，url表示服务器请求的路径，data为请求时传递的数据，dataType为服务器返回的数据类型，success为请求成功的执行的回调函数，type为发送数据请求的方式，默认为get。查看全部
-
与get()方法相比，post()方法多用于以post方式向服务器发送数据，服务器接收到数据之后，进行处理，并将处理数据结果返回页面，调用格式：$.post(url,[data],[callback])，参数url为服务器请求地址，可选项data为向服务器请求时发送的数据，可选项callback参数为请求成功后执行的回调函数。查看全部
-
使用get（）方法时，采用get方式向服务器请求数据，并通过方法中回调函数的参数返回请求的数据,$.get(url,[callback])，参数URL为服务器请求地址，可选项callback参数为请求成功后执行的回调函数查看全部
-
jquery.getScript(url,[callback]) 参数URL为服务器请求地址，可选项callback参数为请求成功后执行的回调函数查看全部
-
jquery.getJSON(url,[data],[callback])或$.getJSON(url,[data],[callback])，其中，URL参数为请求加载json格式文件的服务器地址，可选项data参数为请求时发送的数据，callback参数为数据请求成功后，执行的回调函数查看全部
-
load方法通过Ajax请求加载服务器中的数据，并把返回的数据放置到指定的元素中，它的格式为：load(url,[data],[callback])查看全部
-
使用$.extend()扩展工具函数 调用名为$. extend的工具函数，可以对原有的工具函数进行扩展，自定义类级别的jQuery插件，调用格式为： $. extend ({options}); 参数options表示自定义插件的函数内容。 <script type="text/javascript"> /*------------------------------------------------------------/ 功能：返回两个数中最小值 参数：数字p1,p2 返回：最小值的一个数 示例：$.MinNum(1,2); /------------------------------------------------------------*/ (function ($) { $.extend({ "MinNum": function (p1, p2) { return (p1 > p2) ? p2 : p1; } }); })(jQuery); $(function () { $("#btnShow").bind("click", function () { $(".tip").html(""); var strTmp = "17与18中最小的数是："; strTmp +=$.MinNum (17, 18); //显示在页面中 $(".tip").show().append(strTmp); }); }); </script>查看全部
-
<body> <div id="divtest"> <div class="title"> <span class="fl">URL操作函数</span> </div> <div class="content"> <div class="tip"></div> </div> </div> <script type="text/javascript"> $(function () { //基本信息对象 var objInfo = new Object(); objInfo.name = "白富美"; objInfo.sex = 1; //序列化对象 var objNewInfo =$.param(objInfo); //显示序列化后的对象 var strTmp = "<b>对象 白富美 序列化后</b>：<br/><br/>"; strTmp += objNewInfo; //显示在页面中 $(".tip").show().append(strTmp); }); </script> </body>查看全部
-
URL操作函数 调用名为$. param的工具函数，能使对象或数组按照key/value格式进行序列化编码，该编码后的值常用于向服务端发送URL请求，调用格式为： $. param (obj); 参数obj表示需要进行序列化的对象，该对象也可以是一个数组，整个函数返回一个经过序列化编码后的字符串。 <script type="text/javascript"> $(function () { //基本信息对象 var objInfo = new Object(); objInfo.name = "白富美"; objInfo.sex = 1; //序列化对象 var objNewInfo =$.param(objInfo); //显示序列化后的对象 var strTmp = "<b>对象 白富美 序列化后</b>：<br/><br/>"; strTmp += objNewInfo; //显示在页面中 $(".tip").show().append(strTmp); }); </script>查看全部
-
字符串操作函数 调用名为$.trim的工具函数，能删除字符串中左右两边的空格符，但该函数不能删除字符串中间的空格，调用格式为： $.trim (str); 参数str表示需要删除左右两边空格符的字符串。 <script type="text/javascript"> $(function () { $("#btnShow").bind("click", function () { $(".tip").html(""); var strTmp = "内容："; var strOld = $("#txtName").val(); var strNew =$.trim(strOld); strTmp += strOld; strTmp += "<br/><br>除掉空格符前的长度：" strTmp += strOld.length; strTmp += "<br/><br>除掉空格符后的长度：" strTmp += strNew.length; $(".tip").show().append(strTmp); }); }); </script>查看全部
-
检测对象是否为原始对象 调用名为$.isPlainObject的工具函数，能检测对象是否为通过{}或new Object()关键字创建的原始对象，如果是，返回true，否则，返回false值，调用格式为： $.isPlainObject (obj); 其中，参数obj表示需要检测的对象名称。 <script type="text/javascript"> $(function () { var obj = "null"; var strTmp = "您定义了一个："; if ($.isPlainObject(obj)) { //检测是否为原始对象 strTmp += "原始对象"; } else { strTmp += "非原始对象"; } $(".content").html(strTmp); }); </script>查看全部
-
检测对象是否为空 在jQuery中，可以调用名为$.isEmptyObject的工具函数，检测一个对象的内容是否为空，如果为空，则该函数返回true，否则，返回false值，调用格式如下： $.isEmptyObject(obj); 其中，参数obj表示需要检测的对象名称。 <script type="text/javascript"> $(function () { var obj = { "姓名": "土豪一族" }; var strTmp = "您定义了一个："; if ($.isEmptyObject(obj)) { //检测是否为空 strTmp += "空对象"; } else { strTmp += "非空对象"; } $(".content").html(strTmp); }); </script>查看全部
-
<script type="text/javascript"> $(function () { var strTmp = "您打开的页面是："; if ($.support.boxModel) { //是W3C盒子模型 strTmp += "W3C盒子模型"; } else { //是IE盒子模型 strTmp += "IE盒子模型"; } $(".content").html(strTmp); }); </script>查看全部
-
http://img.blog.csdn.net/20150629102231720 检测浏览器是否属于W3C盒子模型 浏览器的盒子模型分为两类，一类为标准的w3c盒子模型，另一类为IE盒子模型，两者区别为在Width和Height这两个属性值中是否包含padding和border的值，w3c盒子模型不包含，IE盒子模型则包含，而在jQuery 中，可以通过$.support.boxModel对象返回的值，检测浏览器是否属于标准的w3c盒子模型。查看全部
举报
0/150
提交
取消