-
【放置插件】【droppable()】 除使用draggable插件拖曳任意元素外，还可以调用droppable UI插件将拖曳后的任意元素放置在指定区域中，类似购物车效果，调用格式如下： $(selector).droppable({options}) selector参数为接收拖曳元素，options为方法的配置对象，在对象中，drop函数表示当被接收的拖曳元素完全进入接收元素的容器时，触发该函数的调用。 【调用JQ】： <script src="http://www.imooc.com/data/jquery-1.8.2.min.js" type="text/javascript"></script> <script src="http://www.imooc.com/data/jquery-ui-1.9.2.min.js" type="text/javascript"></script>查看全部
-
使用toggle()方法绑定多个函数 toggle()方法可以在元素的click事件中绑定两个或两个以上的函数，同时，它还可以实现元素的隐藏与显示的切换，绑定多个函数的调用格式如下： $(selector).toggle(fun1(),fun2(),funN(),...) 其中，fun1，fun2就是多个函数的名称查看全部
-
使用hover()方法切换事件 hover()方法的功能是当鼠标移到所选元素上时，执行方法中的第一个函数，鼠标移出时，执行方法中的第二个函数，实现事件的切实效果，调用格式如下： $(selector).hover(over，out);查看全部
-
bind()方法绑定元素的事件非常方便，绑定前，需要知道被绑定的元素名，绑定的事件名称，事件中执行的函数内容就可以，它的绑定格式如下： $(selector).bind(event,[data] function) 参数event为事件名称，多个事件名称用空格隔开，function为事件执行的函数。查看全部
-
ready()事件类似于onLoad()事件，但前者只要页面的DOM结构加载后便触发，而后者必须在页面全部元素加载成功才触发，ready()可以写多个，按顺序执行。此外，下列写法是相等的： $(document).ready(function(){})等价于$(function(){});查看全部
-
unbind()方法可以移除元素已绑定的事件，它的调用格式如下： $(selector).unbind(event,fun) 其中参数event表示需要移除的事件名称，多个事件名用空格隔开，fun参数为事件执行时调用的函数名称。查看全部
-
使用removeAttr(name)和removeClass(class)分别可以实现移除元素的属性和样式的功能前者方法中参数表示移除属性名后者方法中参数则表示移除的样式名.<br> 如$("#content").removeAttr("href");表示移除content里的href地址<br> $("#content").remove("blue white");表示移除content里的背景色和字体颜色 appendTo()方法也可以向指定的元素内插入内容默认是末尾。它的使用格式是 $(content).appendTo(selector) 使用before()和after()方法可以在元素的前后插入内容它们分别表示在整个元素的前面和后面插入指定的元素或内容调用格式分别为 $(selector).before(content)和$(selector).after(content) 其中参数content表示插入的内容该内容可以是元素或HTML字符串。 调用clone()方法可以生成一个被选元素的副本即复制了一个被选元素包含它的节点、文本和属性它的调用格式为 $(selector).clone() remove()方法删除所选元素本身和子元素该方法可以通过添加过滤参数指定需要删除的某些元素而empty()方法则只删除所选元素的子元素。查看全部
-
addClass()和css()方法可以方便地操作元素中的样式，前者括号中的参数为增加元素的样式名称，后者直接将样式的属性内容写在括号中。<br> 如$("#content").addClass("blue white");为content里设置样式为蓝色背景，白色字体<br> $("#content").css({"background-color":"blue","color":"white"});为content设置样式为蓝色背景，白色字体 replaceWith()和replaceAll()方法都可以用于替换元素或元素中的内容，但它们调用时，内容和被替换元素所在的位置不同，分别为如下所示： $(selector).replaceWith(content)和$(content).replaceAll(selector) 参数selector为被替换的元素，content为替换的内容。 wrap()和wrapInner()方法都可以进行元素的包裹，但前者用于包裹元素本身，后者则用于包裹元素中的内容，它们的调用格式分别为： $(selector).wrap(wrapper)和$(selector).wrapInner(wrapper) 参数selector为被包裹的元素，wrapper参数为包裹元素的格式。 使用each()方法可以遍历指定的元素集合，在遍历时，通过回调函数返回遍历元素的序列号，它的调用格式为： $(selector).each(function(index)) 参数function为遍历时的回调函数，index为遍历元素的序列号，它从0开始。查看全部
-
调用animate()方法不仅可以制作简单渐渐变大的动画效果，而且还能制作移动位置的动画，在移动位置之前，必须将被移元素的“position”属性值为“absolute”或“relative”，否则，该元素移动不了。查看全部
-
表单插件——form 通过表单form插件，调用ajaxForm()方法，实现ajax方式向服务器提交表单数据，并通过方法中的options对象获取服务器返回数据，调用格式如下： $(form). ajaxForm ({options}) 其中form参数表示表单元素名称；options是一个配置对象，用于在发送ajax请求过程，设置发送时的数据和参数。查看全部
-
var data = [{ "name": "足球" }, { "name": "散步" }, { "name": "篮球" }, { "name": "乒乓球" }, { "name": "骑自行车" }]; $.each(data, function (index, sport) { if (index == 1) $("ul").append("<li>" + sport["name"] + "</li>"); });查看全部
-
$.each(data, function (index, sport) {//sport是获取到的数据形参，可以取任何名字，index是获取数据的索引查看全部
-
表单验证插件——validate 该插件自带包含必填、数字、URL在内容的验证规则，即时显示异常信息，此外，还允许自定义验证规则，插件调用方法如下： $(form).validate({options}) 其中form参数表示表单元素名称，options参数表示调用方法时的配置对象，所有的验证规则和异常信息显示的位置都在该对象中进行设置。查看全部
-
图片放大镜插件——jqzoom 在调用jqzoom图片放大镜插件时，需要准备一大一小两张一样的图片，在页面中显示小图片，当鼠标在小图片中移动时，调用该插件的jqzoom()方法，显示与小图片相同的大图片区域，从而实现放大镜的效果，调用格式如下： $(linkimage).jqzoom({options}) 其中linkimage参数为包含图片的<a>元素名称，options为插件方法的配置对象。查看全部
-
底部span 标签为向Ajax JQ请求时的信息。查看全部
举报
0/150
提交
取消