-
禁用id号为test的div元素的拖动动作后,重新开启的代码为:$("#test").draggable("enable");查看全部
-
$()就是jQuery中的函数，它的功能是获得（）中指定的标签元素。如示例中$(“p”)会得到一组P标签元素,其中“p”表示CSS中的标签选择器。$()中的()不一定是指定元素，也可能是函数。 在jQuery中 $()方法等价于jQuery()方法,前者比较常用，是后者的简写。一般只有在$()与其它语言冲突时才会使用jQuery()方法。 javascript代码： var page_ps = document.getElementByTagName("p"); for(var i=0;i<page_ps.length;i++){ page_ps[i].innerHTML = "Hello imooc!"; } 相当于jQuery代码： $("p").html("Hello imooc!");查看全部
-
加上空格表示的是层次选择器，比如$("div span")，选择的是div里的所有span元素。其实也不能说过滤性选择器前面不加空格，这个没有一定的说法。像$("#div :hidden")，这个是结合使用了层次选择器和可见性过滤选择器。当然也可以$(#div:hidden")这样用，只不过表达的意思和呈现的效果不一样。 选择的是#frmTest的子元素，所以要加空格，不加空格代表#frmTest本身具有:input的属性 空格表示的选择子孙元素，而>（大于号）表示选择直接子元素。两者都是返回的都是数组。查看全部
-
<script src="http://www.imooc.com/data/jquery-ui-1.9.2.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $("#name")({ show: { effect: "slideDown", delay: 350 }, hide: { effect: "explode", delay: 350 }, position: { my: "left top", at: "left bottom" } }); }); </script>查看全部
-
工具提示插件可以定制元素的提示外观，提示内容支持变量、Ajax远程获取，还可以自定义提示内容显示的位置，它的调用格式如下： $(selector).tooltip({options}); 其中selector为需要显示提示信息的元素，可选项参数options为tooltip()方法的配置对象，在该对象中，可以设置提示信息的弹出、隐藏时的效果和所在位置。 1、Tooltips可被绑定到任意的元素上。当您的鼠标悬停在元素上时，title 属性会显示在元素旁边的一个小框中，就像原生的工具提示框一样。 2、effect：设置提示框出项和隐藏方式，系统提供提供三种effect:toggle，fade，slideup，当然用户也可以定制所需的effect。对于系统提供的三种effect，系统也提供了与其对应的配置参数，这里会在下面单独仔细描述。 3、Position属性用来设置提示信息相对于它的触发元素位置。比如说，如果该属性值为[‘bottom','center']，那么提示信息将会出现在其触发元素的正下方（垂直位置为下方，水平位置为中间）。查看全部
-
在实际应用开发中，常常是多个元素嵌套在一起，形成复杂的层次关系，通过层次选择器，可以快速定位某一层次的一个或多个元素，ance desc选择器就是其中之一 它的调用格式如下：$("ance desc") 其中ance desc是使用空格隔开的两个参数。 ance参数（ancestor祖先的简写）表示父元素； desc参数（descendant后代的简写）表示后代元素，即包括子元素、孙元素等等。 两个参数都可以通过选择器来获取。比如家族姓氏“div”，家族几代人里，都有名字里带“span”的，就可以用这个ance desc选择器把这几个人给定位出来。查看全部
-
addClass()方法的功能是为元素添加指定的样式类别名称 表单选择器的书写“:”左边有空格。 过滤选择器的书写“:”左边不能有空格。查看全部
-
有时需要精确的选择任意多个指定的元素，类似于从文具盒中挑选出多根自已喜欢的笔，就需要调用sele1,sele2,seleN选择器 它的调用格式：$(“sele1,sele2,seleN”) 其中参数sele1、sele2到seleN为有效选择器，每个选择器之间用“，”号隔开，它们可以是之前提及的各种类型选择器，如$(“#id”)、$(“.class”)、$(“selector”)选择器等查看全部
-
<body> <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("http://www.imooc.com/data/fruit_part.htm",function() { $this.attr("disabled", "true"); }); }) }); </script> </body>查看全部
-
$(selector).animate({params},speed,[callback])查看全部
-
$("span").animate({ width: "180px", height: "80px" }, 3000, function () { $("#tip").html("执行完成!"); });查看全部
-
*”号选择器，它的功能是获取页面中的全部元素，包括<head>、<body>、<script>这些元素选择器中的参数就一个“*”, 由于该选择器的特殊性，它常与其他元素组合使用，表示获取其他元素中的全部子元素. 由于使用*选择器获取的是全部元素，因此，有些浏览器将会比较缓慢，这个选择器也需要谨慎使用。查看全部
-
delay()方法的功能是设置一个延时值来推迟动画效果的执行，它的调用格式为： $(selector).delay(duration) 其中参数duration为延时值，它的单位是毫秒，当超过延时值时，动画继续执行。 <body> <h3>调用delay()方法延时执行动画效果</h3> <span></span> <input id="btnStop" type="button" value="延时" /> <div id="tip"></div> <script type="text/javascript"> $(function () { $("span").animate({ left: "+=100px" }, 3000, function () { $(this).animate({ height: '+=60px', width: '+=60px' }, 3000, function () { $("#tip").html("执行完成!"); }); }); $("#btnStop").bind("click", function () { $("span").delay(2000); $("#tip").html("正在延时!"); }); }); </script> </body>查看全部
-
根据元素的名称可以查找到该元素，并调用css()方法将设置该元素内容中文字显示的样式。查看全部
-
调用animate()方法不仅可以制作简单渐渐变大的动画效果，而且还能制作移动位置的动画 <body> <h3>制作移动位置的动画</h3> <span></span> <div id="tip"></div> <script type="text/javascript"> $(function () { $("span").animate({ left: "+=100px" }, 3000, function () { $("span").animate({ height: '+=30px', width: '+=30px' }, 3000, function () { $("#tip").html("执行完成!"); }); }); }); </script> </body>查看全部
举报
0/150
提交
取消