-
拖曳插件——draggable 拖曳插件draggable的功能是拖动被绑定的元素，当这个jQuery UI插件与元素绑定后，可以通过调用draggable()方法，实现各种拖曳元素的效果，调用格式如下： $(selector). draggable({options}) options参数为方法调用时的配置对象，根据该对象可以设置各种拖曳效果，如“containment”属性指定拖曳区域，“axis”属性设置拖曳时的坐标方向。 $(function () { $("#x").draggable({ //containment:"parent", axis:"x" }); $("#y").draggable({ //containment:"parent", axis:"y" }); }); option参数： scroll: true, scrollSensitivity: 100, scrollSpeed: 100, axis: "x", containment: " 选择器或填写parent指定父容器", cursor: "move", cursorAt: { top: 56, left: 56 }, distance: 20, delay: 1000, start: function() {}, drag: function() {}, stop: function() {}, handle: "选择器", cancel: "选择器", revert: true, helper: "clone", snap: true, snap: "选择器", snap: ".ui-widget-header", snapMode: "outer", grid: [ 20, 20 ],//网格 opacity: 0.7, helper: "clone",查看全部
-
自定义类级别插件—— twoaddresult 通过调用自定义插件twoaddresult中的不同方法，可以实现对两个数值进行相加和相减的运算，导入插件后，调用格式分别为： $.addNum(p1,p2) 和 $.subNum(p1,p2) 上述调用格式分别为计算两数值相加和相减的结果，p1和p2为任意数值。 $(function () { $("#btnCount").bind("click", function () { $("#Text3").val( $.subNum($("#Text1").val(),$("#Text2").val()) ); }); });查看全部
-
1.9.0以后的jQuery的toggle方法不能接受函数作为参数了，变成了一个显示/隐藏元素的方法。查看全部
-
appendTo方法有删除的效果。查看全部
-
append(content)方法的功能是向指定的元素中追加内容，被追加的content参数，可以是字符、HTML元素标记，【还可以是一个返回字符串内容的函数】。查看全部
-
1.要使页面中的元素(element)以动画效果移动，必须首先将该元素的“position”属性设置成为“relative”或“absolute”. 2.分别获取两个按钮元素,并编写它的绑定事件. 3.在左移按钮的绑定事件中,调用animate()方法,将方法中的left属性属性值设置为:"-=50px". 4.在右移按钮的绑定事件中,调用animate()方法,将方法中的left属性属性值设置为:"+=50px".查看全部
-
$(“element”)：根据元素名找到了一个元素; $("#my_id")：根据id选择器获取页面中指定的标签元素，且返回唯一一个元素; $(“.class”):通过元素的类别属性查找元素; $(“*”):获取页面中的全部元素，由于该选择器的特殊性，它常与其他元素组合使用，表示获取其他元素中的全部子元素; $("#id,taname,.class"):选择任意多个指定的元素; $("ance desc")：获取父元素(ance)下的所有后代(desc)元素; $("parent>child")：获取父元素(parent)下的子代(child)，不包括他的孙辈; $("prev+next")：获取prev元素后面紧邻的一个元素(next)，prev与next同级; $("prev~siblings")：获取prev元素后面全部的同级相邻元素;查看全部
-
$(function () { $("#btnShow").bind("click", function () { var $this = $(this); $.getJSON("http://www.imooc.com/data/sport.json",function(data){ $this.attr("disabled", "true"); $.each(data, function (index, sport) { $("ul").append("<li>" + sport["name"] + "</li>"); }); }); }) });查看全部
-
自定义对象级插件——lifocuscolor插件 自定义的lifocuscolor插件可以在<ul>元素中，鼠标在表项<li>元素移动时，自定义其获取焦点时的背景色，即定义<li>元素选中时的背景色，调用格式为： $(Id).focusColor(color) 其中，参数Id表示<ul>元素的Id号，color表示<li>元素选中时的背景色。 $(function () { $("#u1").focusColor("grey"); }) 注意：注意使用该插件时，原先li自定义的背景颜色也会被刷掉。查看全部
-
1.9版本删除 .toggle(function, function, … ) 方法,jQuery Migrate（迁移）插件可以恢复此功能。查看全部
-
滑动与淡入淡出的区别：滑动改变元素的高度，淡入淡出改变元素的透明度。查看全部
-
怎么让toogle延迟消失查看全部
-
ready()事件类似于onLoad()事件，但前者只要页面的DOM结构加载后便触发，而后者必须在页面全部元素加载成功才触发，ready()可以写多个，按顺序执行。此外，下列写法是相等的： $(document).ready(function(){})等价于$(function(){});查看全部
-
1.一个form中只能有一个"type"属性值为"submit"的的提交按钮 2.submit选择器会选取类型为 submit 的 <input>和<button>元素 若<button>没有定义类型，多数浏览器会默认其为submit类型的按钮，当使用jQuery的$("form :submit")时会选取到button按钮。 $("form input:submit")则只会选取到<input>元素中type为submit的按钮查看全部
-
一个表单中只允许有一个“type”属性值为“submit”的提交按钮查看全部
举报
0/150
提交
取消