-
使用选项卡插件可以将<ul>中的<li>选项定义为选项标题，在标题中，再使用<a>元素的“href”属性设置选项标题对应的内容，它的调用格式如下： $(selector).tabs({options}); selector参数为选项卡整体外围元素，该元素包含选项卡标题与内容，options参数为tabs()方法的配置对象，通过该对象还能以ajax方式加载选项卡的内容查看全部
-
show()和hide() 用于显示或隐藏页面中的元素 格式：$(selector).hide(speed,[callback]); speed可以输入毫秒数或"fast"或"slow"，callback为动画完成后的回调函数。 如：$("h4").bind("click", function () { if ($("#hidval").val() == 0) { $("ul").show("fast"); $("#hidval").val(1); } else { $("ul").hide("fast"); $("#hidval").val(0); } }); 上面的#hidval是新建的一个<input type="hidden" value="0" /> 作用是记录内容的显示与否。查看全部
-
面板折叠插件可以实现页面中指定区域类似“手风琴”的折叠效果，即点击标题时展开内容，再点另一标题时，关闭已展开的内容，调用格式如下： $(selector).accordion({options}); 其中，参数selector为整个面板元素，options参数为方法对应的配置对象。查看全部
-
拖曳排序插件的功能是将序列元素（例如<option>、<li>）按任意位置进行拖曳从而形成一个新的元素序列，实现拖曳排序的功能，它的调用格式为： $(selector).sortable({options}); selector参数为进行拖曳排序的元素，options为调用方法时的配置对象，查看全部
-
除使用draggable插件拖曳任意元素外，还可以调用droppable UI插件将拖曳后的任意元素放置在指定区域中，类似购物车效果，调用格式如下： $(selector).droppable({options}) selector参数为接收拖曳元素，options为方法的配置对象，在对象中，drop函数表示当被接收的拖曳元素完全进入接收元素的容器时，触发该函数的调用。查看全部
-
$("") 不管定义标签、类、id、* 都需要加“”查看全部
-
拖曳插件draggable的功能是拖动被绑定的元素，当这个jQuery UI插件与元素绑定后，可以通过调用draggable()方法，实现各种拖曳元素的效果，调用格式如下： $(selector). draggable({options}) options参数为方法调用时的配置对象，根据该对象可以设置各种拖曳效果，如“containment”属性指定拖曳区域，“axis”属性设置拖曳时的坐标方向查看全部
-
$("element").attr("disabled","true") $("element").html("text") $("element").css("font-weight","bold")查看全部
-
css()方法的功能是设置或获取元素的某项样式属性查看全部
-
html()方法的功能是设置或获取元素中显示的内容查看全部
-
本地运行与网站运行的结果不同，在网站上是点击之后显示内容，但是在本地时，一上来就显示全部的内容。后来找到原因在于style.css没有引入。 我想知道哪部分是jQuery所引入的特性？查看全部
-
$("#test").show(3000); 7-1 显示和隐藏元素 $(selector).hide(speed,[callback])和$(selector).show(speed,[callback]) 7-2 动画效果的show()和hide()括号为空则无动画效果 7-3 动画切换效果 $(selector).toggle(speed,[callback]) 7-4 滑动效果 $(selector).slideUp(speed,[callback])和$(selector).slideDown(speed,[callback]) 7-5 图片“变脸”效果 $(selector).slideToggle(speed,[callback]) 7-6 淡入淡出效果 $(selector).fadeIn(speed,[callback])和$(selector).fadeOut(speed,[callback]) 7-7 设置淡入淡出效果的不透明度 $(selector).fadeTo(speed,opacity,[callback]) 7-8 制作简单的动画效果 $(selector).animate({params},speed,[callback]) 7-9 调用animate()方法制作移动位置的动画 7-10 停止当前所有动画效果 $(selector).stop([clearQueue],[goToEnd]) 7-11 延时执行动画效果 $(selector).delay(duration)查看全部
-
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(2000); $("#tip").html("正在延时!"); }); });查看全部
-
stop()方法的功能是在动画完成之前，停止当前正在执行的动画效果，这些效果包括滑动、淡入淡出和自定义的动画，它的调用格式为： $(selector).stop([clearQueue],[goToEnd]) 其中，两个可选项参数clearQueue和goToEnd都是布尔类型值，前者表示是否停止正在执行的动画，后者表示是否完成正在执行的动画，默认为false。 $(function () { $("span").animate({ left: "+=100px" }, 3000, function () { $(this).animate({ height: '+=60px', width: '+=60px' }, 3000, function () { $("#tip").html("执行完成!"); }); }); $("#btnStop").bind("click", function () { $("span").stop(); $("#tip").html("执行停止!"); }); });查看全部
-
调用animate()方法不仅可以制作简单渐渐变大的动画效果，而且还能制作移动位置的动画，在移动位置之前，必须将被移元素的“position”属性值设为“absolute”或“relative”，否则，该元素移动不了。 $(function () { $("span").animate({ left: "+=100px" }, 3000, function () { $("span").animate({ height: '+=30px', width: '+=30px' }, 3000, function () { $("#tip").html("执行完成!"); }); }); });查看全部
举报
0/150
提交
取消