-
$(function () { $("#jqzoom").jqzoom({ //绑定图片放大插件jqzoom zoomWidth: 250, //小图片所选区域的宽 zoomHeight: 250, //小图片所选区域的高 zoomType: 'reverse' //设置放大镜的类型 }); }); 图片放大镜插件:$("linkimage")jqzoom({options})查看全部
-
hover()方法的功能是当鼠标移到所选元素上时,执行方法中的第一个函数,鼠标移出时,执行方法中的第二个函数,实现事件的切实效果,调用格式如下: $(selector).hover(over,out); over参数为移到所选元素上触发的函数,out参数为移出元素时触发的函数查看全部
-
图片灯箱插件---$("linkimage").lightBox({ options }) 该插件可以用圆角的方式展示选择中的图片,使用按钮查看上下张图片,在加载图片时自带进度条,还能以自动播放的方式浏览图片。 调用格式如下:$(linkimage).lightBox({options}) 其中linkimage参数为包含图片的<a>元素名称,options为插件方法的配置对象。查看全部
-
bind()方法绑定元素的事件非常方便,绑定前,需要知道被绑定的元素名,绑定的事件名称,事件中执行的函数内容就可以,它的绑定格式如下: $(selector).bind(event,[data] function) 参数event为事件名称,多个事件名称用空格隔开 $("#btntest").bind("click mouseout", function () √ $("#btntest").bind("click" "mouseout", function () × function为事件执行的函数。查看全部
-
页面加载时触发ready()事件: ready()事件类似于onLoad()事件,但前者只要页面的DOM结构加载后便触发,而后者必须在页面全部元素加载成功才触发,ready()可以写多个,按顺序执行。此外,下列写法是相等的: $(document).ready(function(){})等价于$(function(){});查看全部
-
remove()方法删除所选元素本身和子元素,该方法可以通过添加过滤参数指定需要删除的某些元素 empty()方法则只删除所选元素的子元素。查看全部
-
wrap()和wrapInner()方法都可以进行元素的包裹,但前者用于包裹元素本身,后者则用于包裹元素中的内容,它们的调用格式分别为: $(selector).wrap(wrapper)和$(selector).wrapInner(wrapper) 参数selector为被包裹的元素,wrapper参数为包裹元素的格式。[比如粗体,斜体啊,又或者是一个带有不一样样式的div]查看全部
-
替换内容 $(selector).replaceWith(content)和$(content).replaceAll(selector) 参数selector为被替换的元素,content为替换的内容。 $(".green").replaceWith($html); $($html).replaceAll(".green"); 注意:replaceWith()和replaceAll()不同查看全部
-
调用stop()方法停止当前所有动画效果 stop()方法的功能是在动画完成之前,停止当前正在执行的动画效果,这些效果包括滑动、淡入淡出和自定义的动画,它的调用格式为: $(selector).stop([clearQueue],[goToEnd]) 其中,两个可选项参数clearQueue和goToEnd都是布尔类型值,前者表示是否停止正在执行的动画,后者表示是否完成正在执行的动画,默认为false。查看全部
-
var $html = "<span class='red'>兄弟。</span>" $(".green").after($html);注意括号内的变量是不需要加引号的 总结:只有元素和原有的标签要加引号,其他的比如自定义的变量和函数都不需要加引号。查看全部
-
调用animate()方法制作移动位置的动画 调用animate()方法不仅可以制作简单渐渐变大的动画效果,而且还能制作移动位置的动画,在移动位置之前,必须将被移元素的“position”属性值设为“absolute”或“relative”,否则,该元素移动不了。查看全部
-
append()中添加的可以是字符、Html元素标记和一个返回字符串内容的函数。 返回函数时,只要在括号中写入函数名就可以了,不需要加引号。查看全部
-
调用animate()方法制作简单的动画效果 调用animate()方法可以创建自定义动画效果,它的调用格式为: $(selector).animate({params},speed,[callback]) 其中,params参数为制作动画效果的CSS属性名与值,speed参数为动画的效果的速度,单位为毫秒,可选项callback参数为动画完成时执行的回调函数名。查看全部
-
$("#content").css({"background-color":"red","color":"white"}); 等价于在style.css里面先设置一个样式为.red{background-color:Red;color:White;} 然后选择$("#content").addClass("red");同理查看全部
-
如果指定的是当前的元素,则不用空格,如果是子元素,则需要加上空格表示后代选择器。查看全部
举报
0/150
提交
取消