-
拖曳插件draggable的功能是拖动被绑定的元素，当这个jQuery UI插件与元素绑定后，可以通过调用draggable()方法，实现各种拖曳元素的效果，调用格式如下： $(selector). draggable({options}) options参数为方法调用时的配置对象，根据该对象可以设置各种拖曳效果，如“containment”属性指定拖曳区域，“axis”属性设置拖曳时的坐标方向。 <div id="divtest"> <div id="x" class="drag">沿x轴拖拽</div> <div id="y" class="drag">沿y轴拖拽</div> </div> <script type="text/javascript"> $(function () { $("#x").draggable({ containment:"parent", axis:"x" }); $("#y").draggable({ containment:"parent", axis:"y" }); }); </script>查看全部
-
通过调用自定义插件twoaddresult中的不同方法，可以实现对两个数值进行相加和相减的运算，导入插件后，调用格式分别为： $.addNum(p1,p2) 和 $.subNum(p1,p2) 上述调用格式分别为计算两数值相加和相减的结果，p1和p2为任意数值。查看全部
-
自定义的lifocuscolor插件可以在<ul>元素中，鼠标在表项<li>元素移动时，自定义其获取焦点时的背景色，即定义<li>元素选中时的背景色，调用格式为： $(Id).focusColor(color) 其中，参数Id表示<ul>元素的Id号，color表示<li>元素选中时的背景色。查看全部
-
把hide()方法写成hidden了，出来了就点不回去了。囧查看全部
-
右键菜单插件可以绑定页面中的任意元素，绑定后，选中元素，点击右键，便通过该插件弹出一个快捷菜单，点击菜单各项名称执行相应操作，调用代码如下： $(selector).contextMenu(menuId,{options}); Selector参数为绑定插件的元素，meunId为快捷菜单元素，options为配置对象。查看全部
-
$("li:has('label')").css("background-color", "blue"); 包含元素选择器 凡是li中有label元素的css会发生相应的改变查看全部
-
$("li:contains('jQuery')").css("background", "green"); 包含选择器，凡是li中有jQuery的元素的css样式一律发生变化查看全部
-
clone()方法是复制元素，此时并不会出现在文档中，需要配合append()等增加元素的方法才会显示。clone()会复制元素的内容和属性。查看全部
-
并不是插入嘛，应该是移动查看全部
-
用chrome时：<html>为IE盒子，<!DOCTYPE html>为w3c盒子，可以在浏览器上修改试试看！ 浏览器的盒子模型分为两类，一类为标准的w3c盒子模型，另一类为IE盒子模型，两者区别为在Width和Height这两个属性值中是否包含padding和border的值，w3c盒子模型不包含，IE盒子模型则包含，而在jQuery 中，可以通过$.support.boxModel对象返回的值，检测浏览器是否属于标准的w3c盒子模型。 $(function () { var strTmp = "您打开的页面是："; if ($.support.boxModel) { //是W3C盒子模型 strTmp += "W3C盒子模型"; } else { //是IE盒子模型 strTmp += "IE盒子模型"; } $(".content").html(strTmp); });查看全部
-
原始对象就是new Object() 产生的对象 其他的都是非原始对象查看全部
-
$(selector).dialog({ height:140, //高度 modal:true, //显示 title:'系统提示', hide:'slide', //隐藏时的效果 buttons:{ '确定':function(){}, //确定按钮事件 '取消':function(){} //取消按钮事件 }, open: function (event, ui) { $(this).html(""); $(this).append("<p>" + content + "</p>"); //打开显示的内容 } })查看全部
-
position:{ my:"left top",//引号内出现空格将影响显示位置 at:"left bottom"//引号内出现空格将影响显示位置 }查看全部
-
$("div") 标签选择器 $("form *") form下的所有标签 $(".class") 类选择器 $("#id") id选择器 $("div span")div下的所有span $("div>label")div的子label $("div+span")div下的第一个span $("div~span")div同一级别下的所有span $("li:first")第一个li元素 $("li:last")最后一个li元素查看全部
-
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> </head> <body> <ul> <li></li> <li></li> <li></li> <li></li> <li></li> <li ></li> <li ></li> <a href="javascript:show()">更多</a> </ul> <script type="text/javascript"> $(function show(){ $("a").click(function(){ if($("a").html()=="更多"){ $("li:hidden").show(); $("a").html("简化"); }else{ $("li:eq(5),li:eq(6)").hide(); $("a").html("更多"); } }) }) </script> </body>查看全部
举报
0/150
提交
取消