-
表单中的复选框常用于多项数据的选择，使用:checkbox选择器可以快速定位并获取表单中的复选框元素。查看全部
-
图片放大镜插件——jqzoom 在调用jqzoom图片放大镜插件时，需要准备一大一小两张一样的图片，在页面中显示小图片，当鼠标在小图片中移动时，调用该插件的jqzoom()方法，显示与小图片相同的大图片区域，从而实现放大镜的效果，调用格式如下： $(linkimage).jqzoom({options}) 其中linkimage参数为包含图片的<a>元素名称，options为插件方法的配置对象。 <link href="http://www.imooc.com/data/jquery.jqzoom.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="http://www.imooc.com/data/jquery.jqzoom.js"></script> <script type="text/javascript"> $(function () { $(".content a").jqzoom({ //绑定图片放大插件jqzoom zoomWidth: 123, //小图片所选区域的宽 zoomHeight: 123, //小图片所选区域的高 zoomType: 'reverse' //设置放大镜的类型 }); }); </script>查看全部
-
表单中的单选按钮常用于多项数据中仅选择其一，而使用:radio选择器可轻松获取表单中的全部单选按钮元素。查看全部
-
图片放大镜插件——jqzoom 在调用jqzoom图片放大镜插件时，需要准备一大一小两张一样的图片，在页面中显示小图片，当鼠标在小图片中移动时，调用该插件的jqzoom()方法，显示与小图片相同的大图片区域，从而实现放大镜的效果，调用格式如下： $(linkimage).jqzoom({options}) 其中linkimage参数为包含图片的<a>元素名称，options为插件方法的配置对象。 <script type="text/javascript"> $(function () { $(".content a").jqzoom({ //绑定图片放大插件jqzoom zoomWidth: 123, //小图片所选区域的宽 zoomHeight: 123, //小图片所选区域的高 zoomType: 'reverse' //设置放大镜的类型 }); }); </script>查看全部
-
调用show()和hide()方法显示和隐藏元素 show()和hide()方法用于显示或隐藏页面中的元素，它的调用格式分别为： $(selector).hide(speed,[callback])和$(selector).show(speed,[callback]) 参数speed设置隐藏或显示时的速度值，可为“slow”、“fast”或毫秒数值，可选项参数callback为隐藏或显示动作执行完成后调用的函数名。 例如，在页面中，通过点击“显示”和“隐藏”两个按钮来控制图片元素的显示或隐藏状态，如下图所示： 在浏览器中显示的效果： 从图中可以看出，点击“显示”按钮时，可以将图片元素显示在页面中，点击“隐藏”按钮时，则将图片元素隐藏起来。查看全部
-
图片灯箱插件——lightBox 该插件可以用圆角的方式展示选择中的图片，使用按钮查看上下张图片，在加载图片时自带进度条，还能以自动播放的方式浏览图片，调用格式如下： $(linkimage).lightBox({options}) 其中linkimage参数为包含图片的<a>元素名称，options为插件方法的配置对象。 <script type="text/javascript"> $(function () { $(".divPics a").lightBox({ overlayBgColor: "#666", //图片浏览时的背景色 overlayOpacity: 0.5, //背景色的透明度 containerResizeSpeed: 600 //图片切换时的速度 }) }); </script>查看全部
-
表单插件——form 通过表单form插件，调用ajaxForm()方法，实现ajax方式向服务器提交表单数据，并通过方法中的options对象获取服务器返回数据，调用格式如下： $(form). ajaxForm ({options}) eg: <script type="text/javascript" src="http://www.imooc.com/data/jquery.form.js"></script> <form id="frmV" method="post" action="#"> <div class="tip"></div> </form> <script type="text/javascript"> $(function () { var options = { url: "http://www.imooc.com/data/form_f.php", target: ".tip" } $("#frmV").ajaxForm(options) }); </script>查看全部
-
如果想要获取密码输入文本框，可以使用:password选择器，它的功能是获取表单中全部的密码输入文本框元素。查看全部
-
:text表单文本选择器可以获取表单中全部单行的文本输入框元素，单行的文本输入框就像一个不换行的字条工具，使用非常广泛。“:前要有空格”查看全部
-
表单验证插件——validate 该插件自带包含必填、数字、URL在内容的验证规则，即时显示异常信息，此外，还允许自定义验证规则，插件调用方法如下： $(form).validate({options}) eg: <script type="text/javascript"> $(function () { $("#frmV").validate( { /*自定义验证规则*/ rules: { email:{ required:true, email:true } }, /*错误提示位置*/ errorPlacement: function (error, element) { error.appendTo(".tip"); } } ); }); </script>查看全部
-
如何获取表单全部元素？:input表单选择器可以实现，它的功能是返回全部的表单元素，不仅包括所有<input>标记的表单元素，而且还包括<textarea>、<select> 和 <button>标记的表单元素，因此，它选择的表单元素是最广的。查看全部
-
初始时:<ul>元素中仅显示5个<li>元素,其中包含还包括最后一个<li>元素,<a>元素中的显示"更多"字符. 当点击"更多"链接时,自身内容变为"简化",同时,<ul>元素中显示全部的<li>元素. 当点击"简化"链接时,自身内容变为"更多",同时,<ul>元素中仅显示包含最后一个<li>元素在内的5个元素.查看全部
-
load(url,[data],[callback]) jQuery.getJSON(url,[data],[callback])或 $.getJSON(url,[data],[callback]) jQuery.getScript(url,[callback])或 $.getScript(url,[callback]) $.get(url,[callback]) $.post(url,[data],[callback]) $(selector).serialize()查看全部
-
单击事件：click 双击事件：dblclick 1.参数.bind("事件名1",function(){}).bind("事件名2",function(){}) 可以绑定多事件并分别执行函数； 2.参数.unbind("事件名") $(selector).unbind( ),移除所有绑定事件 $(selector).unbind(event1 event2 envet3,fun) 移除多个事件查看全部
-
jq 1.9.0 不支持 ajaxStart() 或者说是 不稳定。。反正没效果 换为jq 1.8.2 可以使用查看全部
举报
0/150
提交
取消