-
jQuery框架：下载储存后，通过以下代码导入： <script language="javascript" type="text/javascript" src="1.9.0/jquery.js"></script> 即完成了jQuery框架开发环境的搭建。查看全部
-
调用fadeTo()方法，可以将所选择元素的不透明度以淡入淡出的效果调整为指定的值，该方法的调用格式为： $(selector).fadeTo(speed,opacity,[callback]) 其中speed参数为效果的速度，opacity参数为指定的不透明值，它的取值范围是0.0~1.0，可选项参数callback为效果完成后，回调的函数名。 <script type="text/javascript"> $(function () { $("span").each(function (index) { switch (index) { case 0: $(this).fadeTo(3000,0.2); break; case 1: $(this).fadeTo(3000,0.4); break; case 2: $(this).fadeTo(3000,0.6); break; } }); }); </script>查看全部
-
attr()方法的作用是设置或者返回元素的属性查看全部
-
fadeIn()和fadeOut()方法可以实现元素的淡入淡出效果，前者淡入隐藏的元素，后者可以淡出可见的元素，它们的调用格式分别为： $(selector).fadeIn(speed,[callback])和$(selector).fadeOut(speed,[callback]) 其中参数speed为淡入淡出的速度，callback参数为完成后执行的回调函数名。 <script type="text/javascript"> $(function () { $("h4").bind("click", function () { if ($("#hidval").val() == 0) { $("ul").fadeIn(3000,function(){ $("#hidval").val(1); }) } else { $("ul").fadeOut(3000,function(){ $("#hidval").val(0); }) } }) }); </script>查看全部
-
(转)当动画正在执行时，点击延时，当前的动画不会停止，只有在这一段动画执行完毕，才会执行delay，延长时间结束后才会执行下一个动画。查看全部
-
使用slideToggle()方法可以切换slideUp()和slideDown()，即调用该方法时，如果元素已向上滑动，则元素自动向下滑动，反之，则元素自动向上滑动，格式为： $(selector).slideToggle(speed,[callback]) 其中speed参数为动画效果时的速度值，可以为数字，单位为毫秒，也可是“fast”、“slow”字符，可选项参数callback为方法执行成功后回调的函数名称。 <script type="text/javascript"> $(function () { var $spn = $("#spnTip"); $("h4").bind("click", function () { $("ul").slideToggle(3000,function(){ $spn.html() == "向下滑" ? $spn.html("向上滑") : $spn.html("向下滑"); }) }) }); </script>查看全部
-
使用slideUp()和slideDown()方法在页面中滑动元素，前者用于向上滑动元素，后者用于向下滑动元素，它们的调用方法分别为： $(selector).slideUp(speed,[callback])和$(selector).slideDown(speed,[callback]) 其中speed参数为滑动时的速度，单位是毫秒，可选项参数callback为滑动成功后执行的回调函数名。 要注意的是：slideDown()仅适用于被隐藏的元素；slideup()则相反。 <script type="text/javascript"> $(function () { $("h4").bind("click", function () { if ($("#hidval").val() == 0) { $("ul").slideUp(3000,function(){ $("#hidval").val(1); }) } else { $("ul").slideDown(3000,function(){ $("#hidval").val(0); }) } }) }); </script>查看全部
-
$("form *").attr("disabled", "true"); 让某个文件不可用查看全部
-
<body> <h3>attr()方法设置元素属性</h3> <a href="http://127.0.0.1" id="a1">点我就变</a> <div>我改变后的地址是：<span id="tip"></span></div> <script type="text/javascript"> $("#a1").attr("href" , "www.imooc.com"); var $url = $("#a1").attr("href"); $("#tip").html($url); </script> </body> 不是很懂查看全部
-
调用toggle()方法如果元素处于显示状态，调用该方法则隐藏该元素，反之，则显示该元素，它的调用格式是： $(selector).toggle(speed,[callback]) 其中speed参数为动画效果时的速度值，可以为数字，单位为毫秒，也可是“fast”、“slow”字符，可选项参数callback为方法执行成功后回调的函数名称。 <script type="text/javascript"> $(function () { var $spn = $("#spnTip"); $("h4").bind("click", function () { $("ul").toggle(3000,function(){ $spn.html() == "隐藏" ? $spn.html("显示") : $spn.html("隐藏"); }) }); }); </script>查看全部
-
jQuery环境搭建查看全部
-
<script type="text/javascript"> $(function () { $("h4").bind("click", function () { if ($("#hidval").val() == 0) { $("ul").show(3000,function(){ $("#hidval").val(1); }) } else { $("ul").hide("slow",function(){ $("#hidval").val(0); }) } }) }); </script>查看全部
-
show()和hide()方法用于显示或隐藏页面中的元素，它的调用格式分别为： $(selector).hide(speed,[callback])和$(selector).show(speed,[callback]) 参数speed设置隐藏或显示时的速度值，可为“slow”、“fast”或毫秒数值，可选项参数callback为隐藏或显示动作执行完成后调用的函数名。查看全部
-
与bind()方法相同，live()方法可以绑定元素的可执行事件，除此相同功能之外，live()方法还可以绑定动态元素，即使用代码添加的元素事件，格式如下： $(selector).live(event,[data],fun) 参数event为事件名称，data为触发事件时携带的数据，fun为触发该事件时执行的函数。 注意：从 jQuery 1.7 开始，不再建议使用 .live() 方法。1.9不支持.live()，本节代码编辑器里的js引用版本改为了1.8。查看全部
-
当一个元素的值发生变化时，将会触发change事件，例如在选择下拉列表框中的选项时，就会触change事件。 <script type="text/javascript"> $(function () { $("#seltest").bind("change", function () { if ($(this).val() == "苹果") $(this).css("background-color", "red"); else $(this).css("background-color", "green"); }) }); </script>查看全部
举报
0/150
提交
取消