-
该插件可以用圆角的方式展示选择中的图片，使用按钮查看上下张图片，在加载图片时自带进度条，还能以自动播放的方式浏览图片，调用格式如下： $(linkimage).lightBox({options}) 其中linkimage参数为包含图片的<a>元素名称，options为插件方法的配置对象。 <script type="text/javascript"> $(function () { $(".divPics a").lightBox({ overlayBgColor: "#666", //图片浏览时的背景色 overlayOpacity: 0.5, //背景色的透明度 containerResizeSpeed: 600 //图片切换时的速度 }) }); </script> 当用户点击“我的相册”中某一张图片时，则采用“灯箱”的方式显示选中图片，在显示图片时，还可以切换上下张和自动播放及关闭图片。查看全部
-
通过表单form插件，调用ajaxForm()方法，实现ajax方式向服务器提交表单数据，并通过方法中的options对象获取服务器返回数据，调用格式如下： $(form). ajaxForm ({options}) 其中form参数表示表单元素名称，options参数表示调用方法是的配置对象。 <script type="text/javascript"> $(function () { var options = { url: "http://www.imooc.com/data/form_f.php", target: ".tip" } $("#frmV").ajaxForm(options); }); </script> 在页面中点击“提交”按钮，调用form插件的ajaxForm()方法向服务器发送录入的用户名和密码数据，服务器接收后返回并显示在页面中，调用form表单插件中的ajaxForm()方法向指定的服务器以ajax方式发送数据，服务器接收后返回并将数据显示。查看全部
-
该插件自带包含必填、数字、URL在内容的验证规则，即时显示异常信息，此外，还允许自定义验证规则，插件调用方法如下： $(form).validate({options}) 其中form参数表示表单元素名称，options参数表示调用方法时的配置对象，所有的验证规则和异常信息显示的位置都在该对象中进行设置。 $(function () { $("#frmV").validate( { /*自定义验证规则*/ rules: { email:{ required:true, email:true } }, /*错误提示位置*/ errorPlacement: function (error, element) { error.appendTo(".tip"); } } ); });查看全部
-
层次性选择器。 在实际应用开发中，常常是多个元素嵌套在一起，形成复杂的层次关系，通过层次选择器，可以快速定位某一层次的一个或多个元素，ance desc选择器就是其中之一，它的调用格式如下： $("ance desc") 其中ance desc是使用空格隔开的两个参数，ance参数任何有效的选择器，desc参数是寻找元素的选择器，类似于寻找一个家族下的全部子或孙辈，ance参数为家族名称，desc参数为子或孙辈名称。 使用层次选择器$("div span")获取了在<div>元素中的两个元素，一个是<p>元素中的子元素，另一个是<p>元素外的同级元素，但它们都是在一个<div>元素下，也就是说在一个“家族”下。查看全部
-
:selected选中状态选择器 与:checked选择器相比，:selected选择器只能获取<select>下拉列表框中全部处于选中状态的<option>选项元素。查看全部
-
:checked选中状态选择器 有一些元素存在选中状态，如复选框、单选按钮元素，选中时“checked”属性值为“checked”，调用:checked可以获取处于选中状态的全部元素。frm查看全部
-
:button表单按钮选择器 表单中包含许多类型的按钮，而使用:button选择器能获取且只能获取“type”属性值为“button”的<input>和<button>这两类普通按钮元素。查看全部
-
:image图像域选择器 当一个<input>元素的“type”属性值设为“image”时，该元素就是一个图像域，使用:image选择器可以快速获取该类全部元素。查看全部
-
<button>按钮通常也被认为是提交按钮，为更好区分，只要在:submit选择器之前添加“input”符号。查看全部
-
:submit提交按钮选择器 通常情况下，一个表单中只允许有一个“type”属性值为“submit”的提交按钮，使用:submit选择器可获取表单中的这个提交按钮元素。查看全部
-
<button>按钮通常也被认为是提交按钮，为更好区分，只要在:submit选择器之前添加“input”符号。查看全部
-
使用each()方法遍历元素 使用each()方法可以遍历指定的元素集合，在遍历时，通过回调函数返回遍历元素的序列号，它的调用格式为： $(selector).each(function(index)) 参数function为遍历时的回调函数，index为遍历元素的序列号，它从0开始。查看全部
-
remove()方法删除所选元素本身和子元素。 empty()方法则只删除所选元素的子元素。查看全部
-
使用wrap()和wrapInner()方法包裹元素和内容 wrap()和wrapInner()方法都可以进行元素的包裹，但前者用于包裹元素本身，后者则用于包裹元素中的内容，它们的调用格式分别为： $(selector).wrap(wrapper)和$(selector).wrapInner(wrapper) 参数selector为被包裹的元素，wrapper参数为包裹元素的格式。查看全部
-
使用each()方法可以遍历指定的元素集合，在遍历时，通过回调函数返回遍历元素的序列号，它的调用格式为： $(selector).each(function(index))查看全部
举报
0/150
提交
取消