-
$("div").html("sdads") //替换div标签中的内容 $("div").css("属性名称","属性值") //修改div标签的CSS值查看全部
-
与get()方法相比，post()方法多用于以POST方式向服务器发送数据，服务器接收到数据之后，进行处理，并将处理结果返回页面，调用格式如下： $.post(url,[data],[callback]) 参数url为服务器请求地址，可选项data为向服务器请求时发送的数据，可选项callback参数为请求成功后执行的回调函数。查看全部
-
var $t_a=$(".test :hidden") //带空格 表示的是选择class为test里面隐藏的元素； var $t_a=$(".test:hidden")//不带空格 表示的是选择隐藏的class为test的元素；查看全部
-
使用get()方法时，采用GET方式向服务器请求数据，并通过方法中回调函数的参数返回请求的数据，它的调用格式如下：<br> $.get(url,[callback]) 参数url为服务器请求地址，可选项callback参数为请求成功后执行的回调函数。 $(function () { $("#btnCheck").bind("click", function () { $.post("http://www.imooc.com/data/check_f.php",{ txtNumber:$("#txtNumber").val() }, function (data) { $("ul").append("<li>你输入的<b> " + $("#txtNumber").val() + " </b>是<b> " + data + " </b></li>"); }); }) });查看全部
-
使用getScript()方法异步请求并执行服务器中的JavaScript格式的文件，它的调用格式如下所示： jQuery.getScript(url,[callback])或$.getScript(url,[callback]) 参数url为服务器请求地址，可选项callback参数为请求成功后执行的回调函数。 $(function () { $("#btnShow").bind("click", function () { var $this = $(this); $.getScript("http://www.imooc.com/data/sport_f.js",function(){ $this.attr("disabled", "true"); }); }) });查看全部
-
<i></i>标签修饰的内容将被斜体显示。查看全部
-
使用getJSON()方法可以通过Ajax异步请求的方式，获取服务器中的数据，并对获取的数据进行解析，显示在页面中，它的调用格式为：<br> jQuery.getJSON(url,[data],[callback])或$.getJSON(url,[data],[callback])<br> 其中，url参数为请求加载json格式文件的服务器地址，可选项data参数为请求时发送的数据，callback参数为数据请求成功后，执行的回调函数。 $("#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,suport){ if(index==2) $("ul").append("<li>"+suport["name"]+"</li>"); }) }) })查看全部
-
使用load()方法通过Ajax请求加载服务器中的数据，并把返回的数据放置到指定的元素中，它的调用格式为： load(url,[data],[callback]) <script type="text/javascript"> $(function(){ $("#btnShow").bind("click",function(){ $("ul") .html("<img src='Images/loading.jpg' alt=''>") .load("http://www.imooc.com/data/fruit_part.html",function(){ $("#btnShow").attr("disabled","true"); }) }) }) </script>查看全部
-
css代码要用花括号括起来 并且要注意双引号查看全部
-
html()方法可以获取元素的HTML内容，因此，原文中的格式代码也被一起获取，而text()方法只是获取元素中的文本内容，并不包含HTML格式代码，查看全部
-
Checked 是CheckBox或者Menu使用的勾选，也就是复选。 Selected 是ListBox的Style的检测列表项目是否勾选的。查看全部
-
.html() 获得第一个元素的html内容；.test() 获得所有元素的内容；.val()获得第一个元素的当前值查看全部
-
toggle可以在元素的click事件中绑定两个或两个以上的函数，同时，它还可以实现元素的隐藏与显示的切换，绑定多个函数的调用格式查看全部
-
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery动画特效</title> <style> div{width:100px; height:100px; background-color:green;left:100px; position:absolute;} </style> </head> <body> <div></div> <button id="btnLeft">左移</button> <button id="btnRight">右移</button> <span id="tip"></span> <script src="http://apps.bdimg.com/libs/jquery/1.11.1/jquery.js"></script> <script> $(function(){ $("#btnLeft").bind("click",function(){ $("div").animate({ left:"-=50px" },3000,function(){ $("#tip").html("左移动画"); }) }) $("#btnRight").bind("click",function(){ $("div").animate({ left:"+=50px" },3000,function(){ $('#tip').html("右移动画"); }) }) }) </script> </body> </html>查看全部
-
delay()方法的功能是设置一个延时值来推迟动画效果的执行，它的调用格式为： $(selector).delay(duration) 其中参数duration为延时值，它的单位是毫秒，当超过延时值时，动画继续执行。 $(function () { $("span").animate({ left: "+=100px" }, 3000, function () { $(this).animate({ height: '+=60px', width: '+=60px' }, 3000, function () { $("#tip").html("执行完成!"); }); }); $("#btnStop").bind("click", function () { $("span").delay(1000); $("#tip").html("正在延时!"); }); });查看全部
举报
0/150
提交
取消