-
addClass()相当于在原有样式名称基础上添加className=""; css()相当于style.propety="";查看全部
-
css()方法和addClass方法用法类似,只是需要去设置具体样式了。查看全部
-
ajaxStart()方法用于在Ajax请求发出前触发函数,ajaxStop()方法用于在Ajax请求完成后触发函数。调用格式: $(selector).ajaxStart(function())和$(selector).ajaxStop(function()) $(function () { $("#divload").ajaxStart(function(){ $(this).html("正在请求数据..."); }); $("#divload").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请求将不需要再添加这些选项值,使用ajaxSetup()方法设置了全局性的配置选项后,在两次调用ajax请求服务器文件时,只需要设置url地址即可。 $(function () { $.ajaxSetup({ type:"post", 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" }); }) });查看全部
-
:toggle()方法支持目前主流稳定的jQuery版本1.8.2,在1.9.0之后的版本是不支持的。查看全部
-
使用ajax()方法加载服务器数据 $.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>"); } }); }) });查看全部
-
从图中可以看出,html()方法可以获取元素的HTML内容,因此,原文中的格式代码也被一起获取,而text()方法只是获取元素中的文本内容,并不包含HTML格式代码,所以它显示的内容并没有变“歪”。 html()相当于innerHTML 保留html格式; text()相当于textNode 只获取文本内容。查看全部
-
:first与:first-child 1,li:first是将所有的同一个body里的li做排列,再取出第一个,所以只取到一个li; 2,li:first-child是讲同一个body里的li的父元素ul做排列,并在每个父元素中取出第一个li,所以取出一个li数组.查看全部
-
$(select).hover( function(){ $(this)...执行体 }, function(){ $(this)...执行体 } ) 相当于 js 中 onmouseover 与 onmouseout查看全部
-
使用$("li[title!='我最爱']")属性选择器,获取的<li>元素,或者是是不包含title属性名,或者是title属性值不等于“我最爱”.查看全部
-
使用post()方法以POST方式从服务器发送数据 $.post(url,[data],[callback]) $(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>"); }); }) });查看全部
-
slideDown()仅适用于被隐藏的元素;slideup()则相反。查看全部
-
布尔值 将.attr("disabled","true")改为.attr("disabled",true)。后边的布尔值加了引号之后变为字符串,对于前边的disable属性来讲就是永远为真。当去掉引号之后即变为布尔值,开始进行判断查看全部
-
使用get()方法以GET方式从服务器获取数据 $(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文件 $(function () { $("#btnShow").bind("click", function () { var $this = $(this); $.getScript("http://www.imooc.com/data/sport_f.js",function() { $this.attr("disabled", "true"); }); }) });查看全部
举报
0/150
提交
取消