-
拖曳排序插件——sortable 拖曳排序插件的功能是将序列元素（例如<option>、<li>）按任意位置进行拖曳从而形成一个新的元素序列，实现拖曳排序的功能。 $(function () { $("ul").sortable({ delay:1, opacity:0.5 }) });查看全部
-
放置插件——droppable 除使用draggable插件拖曳任意元素外，还可以调用droppable UI插件将拖曳后的任意元素放置在指定区域中，类似购物车效果。 $(".drag").draggable(); $(".cart").droppable({ drop: function () { $(this) .addClass("focus") .find("#tip").html(""); } })查看全部
-
拖曳插件——draggable $(".drag").draggable({containment:"parent"}); 沿x轴y轴拖拽： $("#x").draggable({axis: "x" }); $("#y").draggable({axis: "y" });查看全部
-
通过调用自定义插件twoaddresult中的不同方法，可以实现对两个数值进行相加和相减的运算，导入插件后，调用格式分别为： $.addNum(p1,p2) 和 $.subNum(p1,p2) $("#btnCount").bind("click", function () { $("#Text3").val( $.subNum( $("#Text1").val(),$("#Text2").val())); });查看全部
-
1、 $("li[title='蔬菜']") 2、[attribute=value]属性选择器查看全部
-
lifocuscolor插件 在<ul>元素中，鼠标在表项<li>元素移动时，自定义其获取焦点时的背景色，即定义<li>元素选中时的背景色。 $("#id").focusColor("#ddd");查看全部
-
右键菜单插件——contextmenu $(function () { $("#btnSubmit").contextMenu("sysMenu", { bindings: { 'Li3': function (Item) { $(".tip").show().html("您点击了“保存”项"); }, 'Li4': function (Item) { $(".tip").show().html("您点击了“退出”项"); } } }); });查看全部
-
1、$("#gkys_13").is(":visible")，判断一个元素是否可见查看全部
-
1、<input id="hidstr" type="hidden" value="我已隐藏起来"/>，type="hidden"可以隐藏元素 2、查看全部
-
autocomplete()方法与文本框相绑定，当文本框输入字符时，绑定后的插件将返回与字符相近的字符串提示选择. $(function () { var arrUserName = ["王五", "刘明", "李小四", "刘促明", "李渊", "张小三", "王小明"]; $("#txtSearch").autocomplete(arrUserName,{ minChars: 0, //双击空白文本框时显示全部提示数据 formatItem: function (data, i, total) { return "<I>" + data[0] + "</I>"; //改变匹配数据显示的格式 }, formatMatch: function (data, i, total) { return data[0]; }, formatResult: function (data) { return data[0]; } }).result(SearchCallback); function SearchCallback(event, data, formatted) { $(".tip").show().html("您的选择是：" + (!data ? "空" : formatted)); } });查看全部
-
$("li:has('label'):contains('也')")查看全部
-
cookie插件——cookie 保存：$.cookie(key，value) 读取：$.cookie(key) 删除：$.cookie(key，null)查看全部
-
1、li:contains('土豪') 土豪为什么必须加单引号呢？因为它是一个字符串，而不是一个变量，所以不加单或双引号的话是会报错的。但是我加双引号是没有效果的 2、过滤选择器 ：查看全部
-
$(".class" : first/last/eq(0))查看全部
-
图片放大镜插件——jqzoom 需要准备一大一小两张一样的图片： <a href="http://img1.sycdn.imooc.com//52e4aec90001924d06800599.jpg" id="jqzoom" title="小兔子乖乖"> <img src="http://img1.sycdn.imooc.com//52e4aee700012df702130212.jpg" alt=""/> 调用格式： $("#jqzoom").jqzoom({ //绑定图片放大插件jqzoom zoomWidth: 150, //小图片所选区域的宽 zoomHeight: 150, //小图片所选区域的高 zoomType: 'reverse' //设置放大镜的类型 }); 注意：#jqzoom里面的title一定要写，而且一定要有值。查看全部
举报
0/150
提交
取消