-
post()方法多用于以POST方式向服务器发送数据，服务器接收到数据之后，进行处理，并将处理结果返回页面， 调用格式如下： $.post(url,[data],[callback]) 参数url为服务器请求地址，可选项data为向服务器请求时发送的数据， 可选项callback参数为请求成功后执行的回调函数。 例子：使用post()方法以POST方式从服务器发送和获取数据： <div id="divtest"> <div class="title"> <span class="fl">检测数字是否大于0</span> <span class="fr"><input id="btnCheck" type="button" value="检测" /></span> </div> <ul> <li>请求输入一个数字 <input id="txtNumber" type="text" size="12" /></li> </ul> </div> <script type="text/javascript"> $(function () { $("#btnCheck").bind("click", function () { $.post("http://www.imooc.com/data/check_f.php",{ num:$("#txtNumber").val() }, function (data) { $("ul").append("<li>你输入的<b> " + $("#txtNumber").val() + " </b>是<b> " + data + " </b></li>"); }); }) }); </script>查看全部
-
使用:image选择器只能获取<input>图像域，而不能获取<img>格式的图像元素。查看全部
-
使用get()方法时，采用GET方式向服务器请求数据，并通过方法中回调函数的参数返回请求的数据， 它的调用格式如下： $.get(url,[callback]) 参数url为服务器请求地址，可选项callback参数为请求成功后执行的回调函数。 例子：使用get()方法以GET方式从服务器获取数据： <div id="divtest"> <div class="title"> <span class="fl">我的个人资料</span> <span class="fr"><input id="btnShow" type="button" value="加载" /></span> </div> <ul></ul> </div> <script type="text/javascript"> $(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"); }) }); </script>查看全部
-
使用getScript()方法异步请求并执行服务器中的JavaScript格式的文件，它的调用格式如下所示： jQuery.getScript(url,[callback]) 或 $.getScript(url,[callback]) 参数url为服务器请求地址，可选项callback参数为请求成功后执行的回调函数。 例子：使用getScript()方法异步加载并执行js文件： <div id="divtest"> <div class="title"> <span class="fl">我最喜欢的运动</span> <span class="fr"><input id="btnShow" type="button" value="加载" /></span> </div> <ul></ul> </div> <script type="text/javascript"> $(function () { $("#btnShow").bind("click", function () { var $this = $(this); $.getScript("http://www.imooc.com/data/sport_f.js",function() { $this.attr("disabled", "true"); }); }) }); </script>查看全部
-
与上一节中介绍的prev + next层次选择器相同，prev ~ siblings选择器也是查找prev 元素之后的相邻元素，但前者只获取第一个相邻的元素，而后者则获取prev 元素后面全部相邻的元素，它的调用格式如下：查看全部
-
使用getJSON()方法可以通过Ajax异步请求的方式，获取服务器中的数组，并对获取的数据进行解析，显示在页面中，它的调用格式为： jQuery.getJSON(url,[data],[callback])或$.getJSON(url,[data],[callback]) 其中，url参数为请求加载json格式文件的服务器地址， 可选项data参数为请求时发送的数据，callback参数为数据请求成功后，执行的回调函数。 例子：使用getJSON()方法异步加载JSON格式数据： $(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>"); }); }); }) });查看全部
-
使用cookie插件后，可以很方便地通过cookie对象保存、读取、删除用户的信息，还能通过cookie插件保存用户的浏览记录，它的调用格式为： 保存：$.cookie(key，value)；读取：$.cookie(key)，删除：$.cookie(key，null) 其中参数key为保存cookie对象的名称，value为名称对应的cookie值。查看全部
-
<body> <div> <p> <span></span> </p> <span></span> </div> </body> <script type="tetx/javascript"> $("div>span").css("","")//给div里面的span改变样式 不包括p标签里面的span $（"parent>child）选择器应用 $("div span").css("","")//给div里面所有的span标签改变样式 包括p标签里面的span$("ance desc")选择器的应用 </script>查看全部
-
在调用jqzoom图片放大镜插件时，需要准备一大一小两张一样的图片，在页面中显示小图片，当鼠标在小图片中移动时，调用该插件的jqzoom()方法，显示与小图片相同的大图片区域，从而实现放大镜的效果，调用格式如下： $(linkimage).jqzoom({options}) 其中linkimage参数为包含图片的<a>元素名称，options为插件方法的配置对象。查看全部
-
图形的淡入淡出效果展示：查看全部
-
使用load()方法通过Ajax请求加载服务器中的数据，并把返回的数据放置到指定的元素中，它的调用格式为： load(url,[data],[callback]) 参数url为加载服务器地址， 可选项data参数为请求时发送的数据，callback参数为数据请求成功后，执行的回调函数。 例子：使用load()方法异步请求数据： <div id="divtest"> <div class="title"> <span class="fl">我最爱吃的水果</span> <span class="fr"> <input id="btnShow" type="button" value="加载" /> </span> </div> <ul></ul> </div> <script type="text/javascript"> $(function () { $("#btnShow").bind("click", function () { var $this = $(this); $("ul") .html("<img src='Images/Loading.gif' alt=''/>") .load("Data/fruit.html",function(){ $this.attr("disabled", "true"); }); }) }); </script>查看全部
-
图形的淡入淡出效果展示：查看全部
-
多个参数空格隔开查看全部
-
使用toggle()方法绑定多个函数 toggle()方法可以在元素的click事件中绑定两个或两个以上的函数，同时，它还可以实现元素的隐藏与显示的切换，绑定多个函数的调用格式如下： $(selector).toggle(fun1(),fun2(),funN(),...) 其中，fun1，fun2就是多个函数的名称查看全部
-
<script type="tetx/javascript"> $("ance desc").css(",");//给父元素下所有子元素改变样式 $("div span").html("")//给div里所有span页面显示内容一样 </script>查看全部
举报
0/150
提交
取消