-
表单验证插件——validate 该插件自带包含必填、数字、URL在内容的验证规则，即时显示异常信息，此外，还允许自定义验证规则，插件调用方法如下： $(form).validate({options}) 其中form参数表示表单元素名称，options参数表示调用方法时的配置对象，所有的验证规则和异常信息显示的位置都在该对象中进行设置。查看全部
-
拖曳插件draggable的功能是拖动被绑定的元素，当这个jQuery UI插件与元素绑定后，可以通过调用draggable()方法，实现各种拖曳元素的效果，调用格式如下： $(selector). draggable({options}) options参数为方法调用时的配置对象，根据该对象可以设置各种拖曳效果，如“containment”属性指定拖曳区域，“axis”属性设置拖曳时的坐标方向。 $(function () { $(".drag").draggable(); $(".cart").droppable({ drop: function () { $(this) .addClass("focus") .find("#tip").html(""); } }) });查看全部
-
通过调用自定义插件twoaddresult中的不同方法，可以实现对两个数值进行相加和相减的运算，导入插件后，调用格式分别为：<br> $.addNum(p1,p2) 和 $.subNum(p1,p2)<br> 上述调用格式分别为计算两数值相加和相减的结果，p1和p2为任意数值。 通过调用自定义插件twoaddresult中的不同方法，可以实现对两个数值进行相加和相减的运算，导入插件后，调用格式分别为： $.addNum(p1,p2) 和 $.subNum(p1,p2) 上述调用格式分别为计算两数值相加和相减的结果，p1和p2为任意数值。查看全部
-
:text表单文本选择器可以获取表单中全部单行的文本输入框元素，单行的文本输入框就像一个不换行的字条工具，使用非常广泛。查看全部
-
使用before()和after()方法可以在元素的前后插入内容，它们分别表示在整个元素的前面和后面插入指定的元素或内容，调用格式分别为： $(selector).before(content)和$(selector).after(content) 其中参数content表示插入的内容，该内容可以是元素或HTML字符串。查看全部
-
使用ajax()方法是最底层、功能最强大的请求服务器数据的方法，它不仅可以获取服务器返回的数据，还能向服务器发送请求并传递数值，它的调用格式如下： jQuery.ajax([settings])或$.ajax([settings]) 其中参数settings为发送ajax请求时的配置对象，在该对象中，url表示服务器请求的路径，data为请求时传递的数据，dataType为服务器返回的数据类型，success为请求成功的执行的回调函数，type为发送数据请求的方式，默认为get。查看全部
-
:input表单选择器可以实现，它的功能是返回全部的表单元素，不仅包括所有<input>标记的表单元素，而且还包括<textarea>、<select> 和 <button>标记的表单元素，因此，它选择的表单元素是最广的。查看全部
-
自定义的lifocuscolor插件可以在<ul>元素中，鼠标在表项<li>元素移动时，自定义其获取焦点时的背景色，即定义<li>元素选中时的背景色，调用格式为：<br> $(Id).focusColor(color)<br> 其中，参数Id表示<ul>元素的Id号，color表示<li>元素选中时的背景色。 $(function () { //调用自定义的插件 $("#u1").focusColor("#CCC"); })查看全部
-
使用serialize()方法可以将表单中有name属性的元素值进行序列化，生成标准URL编码文本字符串，直接可用于ajax请求，它的调用格式如下： $(selector).serialize() 其中selector参数是一个或多个表单中的元素或表单元素本身。查看全部
-
var $txtOpt = ?.text(); $("#tip").html("选中内容为:" + $txtOpt);查看全部
-
使用:first过滤选择器可以获取指定父元素中的首个子元素，但该选择器返回的只有一个元素，并不是一个集合，而使用:first-child子元素过滤选择器则可以获取每个父元素中返回的首个子元素，它是一个集合，常用多个集合数据的选择处理。查看全部
-
调用toggle()方法实现动画切换效果<br> 第一节我们学过实现元素的显示与隐藏需要使用hide()与show()，那么有没有更简便的方法来实现同样的动画效果呢？<br> 调用toggle()方法就可以很容易做到，即如果元素处于显示状态，调用该方法则隐藏该元素，反之，则显示该元素，它的调用格式是：<br> $(selector).toggle(speed,[callback])<br> 其中speed参数为动画效果时的速度值，可以为数字，单位为毫秒，也可是“fast”、“slow”字符，可选项参数callback为方法执行成功后回调的函数名称。 例如：当按钮显示内容为“隐藏”时，点击该按钮，将调用toggle()方法以动画的方式隐藏图片元素，隐藏成功后，按钮显示的内容变为“显示”。查看全部
-
与上一节中介绍的prev + next层次选择器相同，prev ~ siblings选择器也是查找prev 元素之后的相邻元素，但前者只获取第一个相邻的元素，而后者则获取prev 元素后面全部相邻的元素查看全部
-
动画效果的show()和hide()方法<br> 在上一小节中，调用show()和hide()方法仅是实现的元素的显示和隐藏功能，如果在这些方法中增加“speed”参数可以实现动画效果的显示与隐藏，同时，如果添加了方法的回调函数，它将在显示或隐藏执行成功后被调用。 <body> <h3>show()和hide()方法动画方式显示和隐藏元素</h3> <div> <h4>我喜欢吃的水果</h4> <ul> <li>苹果</li> <li>甘桔</li> <li>梨</li> </ul> <input id="hidval" type="hidden" value="0"/> </div> <script type="text/javascript"> $(function () { $("h4").bind("click", function () { if ($("#hidval").val() == 0) { $("ul").show(3000, function(){ $("#hidval").val(1); }) } else { $("ul").hide("slow", function(){ $("#hidval").val(0); }) } }) }); </script> </body>查看全部
-
右键菜单插件可以绑定页面中的任意元素，绑定后，选中元素，点击右键，便通过该插件弹出一个快捷菜单，点击菜单各项名称执行相应操作，调用代码如下： $(selector).contextMenu(menuId,{options}); Selector参数为绑定插件的元素，meunId为快捷菜单元素，options为配置对象。 $(function () { $("#btnSubmit").contextMenu("sysMenu", { bindings: { 'Li3': function (Item) { $(".tip").show().html("您点击了“保存”项"); }, 'Li4': function (Item) { $(".tip").show().html("您点击了“退出”项"); } } }); });查看全部
举报
0/150
提交
取消