-
$(selector).hover(over，out); over参数为移到所选元素上触发的函数，out参数为移出元素时触发的函数。查看全部
-
:checked选中状态选择器 有一些元素存在选中状态，如复选框、单选按钮元素，选中时“checked”属性值为“checked”，调用:checked可以获取处于选中状态的全部元素。 例如，在表单中添加多个复选框和单选按钮，其中有一些元素处于选中状态，使用:checked获取并隐藏处于选中状态的元素查看全部
-
:button表单按钮选择器 表单中包含许多类型的按钮，而使用:button选择器能获取且只能获取“type”属性值为“button”的<input>和<button>这两类普通按钮元素。 例如，在表单中添加多种类型的按钮元素，使用:button选择器获取其中的普通按钮元素，并修改它们的边框色，如下图所示： 在浏览器中显示的效果： 从图中可以看出，使用:button选择器只能获取两种类型的普通按钮，且修改了它们的边框颜色，并未获取表单中的“提交按钮查看全部
-
:image图像域选择器 当一个<input>元素的“type”属性值设为“image”时，该元素就是一个图像域，使用:image选择器可以快速获取该类全部元素。例如，在表单中添加两种类型的图像元素，使用:image选择器获取其中的一种图像元素，并改变该元素的边框样式，如下图所示： 在浏览器中显示的效果： 从图中可以看出，使用:image选择器只能获取<input>图像域，而不能获取<img>格式的图像元素。查看全部
-
:submit提交按钮选择器 通常情况下，一个表单中只允许有一个“type”属性值为“submit”的提交按钮，使用:submit选择器可获取表单中的这个提交按钮元素。 例如，在表单中添加多个不同类型的按钮，使用:submit选择器获取其中的提交按钮，并使用attr()方法修改按钮显示的文本内容查看全部
-
:checkbox复选框选择器 表单中的复选框常用于多项数据的选择，使用:checkbox选择器可以快速定位并获取表单中的复选框元素。 例如，在表单中增加多个不同类型的元素，使用:checkbox选择器获取其中的全部复选框元素，并将它们全部设为选中状态查看全部
-
7、右键菜单插件——contextmenu，右键菜单插件可以绑定页面中的任意元素，绑定后，选中元素，点击右键，便通过该插件弹出一个快捷菜单，点击菜单各项名称执行相应操作，调用代码如下：$(selector).contextMenu(menuId,{options});Selector参数为绑定插件的元素，meunId为快捷菜单元素，options为配置对象。 代码： $("#btnSubmit").contextMenu('sysMenu', { bindings: { 'Li3': function (Item) { $(".tip").show().html("您点击了“保存”项"); }, 'Li4': function (Item) { $(".tip").show().html("您点击了“退出”项"); } } }); 8、自定义对象级插件——lifocuscolor插件，自定义的lifocuscolor插件可以在<ul>元素中，鼠标在表项<li>元素移动时，自定义其获取焦点时的背景色，即定义<li>元素选中时的背景色，调用格式为：$(Id).focusColor(color)，其中，参数Id表示<ul>元素的Id号，color表示<li>元素选中时的背景色。 9、自定义类级别插件——twoaddresult，通过调用自定义插件twoaddresult中的不同方法，可以实现对两个数值进行相加和相减的运算，导入插件后，调用格式分别为：$.addNum(p1,p2) 和 $.subNum(p1,p2)。上述调用格式分别为计算两数值相加和相减的结果，p1和p2为任意数值。 代码： $("#btnCount").bind("click", function () { $("#Text3").val( $.subNum(parseInt($("#Text1").val()),parseInt($("#Text2").val())) ); }); 注意：推荐转为number类型，否则有bug。查看全部
-
6、搜索插件——autocomplete，搜索插件的功能是通过插件的autocomplete()方法与文本框相绑定，当文本框输入字符时，绑定后的插件将返回与字符相近的字符串提示选择，调用格式如下：$(textbox).autocomplete(urlData,[options]);其中，textbox参数为文本框元素名称，urlData为插件返回的相近字符串数据，可选项参数options为调用插件方法时的配置对象。 代码： 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); //选中匹配数据中的某项数据时，调用插件的result()方法 function SearchCallback(event, data, formatted) { $(".tip").show().html("您的选择是：" + (!data ? "空" : formatted)); } 【温馨提示：Java、Jsp、Android、JS等编程爱好者可以联系Q：********，互相学习，共同进步！】查看全部
-
5、cookie插件——cookie，使用cookie插件后，可以很方便地通过cookie对象保存、读取、删除用户的信息，还能通过cookie插件保存用户的浏览记录，它的调用格式为：保存：$.cookie(key，value)；读取：$.cookie(key)，删除：$.cookie(key，null)。其中参数key为保存cookie对象的名称，value为名称对应的cookie值。注意：path表示cookie所在的目录，默认为/，就是根目录。在同一个服务器上有目录如下：/test/,/test/cd/,/test/dd/，现设一个cookie1的path为/test/，cookie2的path为/test/cd/，那么test下的所有页面都可以访问到cookie1，而/test/和/test/dd/的子页面不能访问cookie2。这是因为cookie能让其path路径下的页面访问。 expires代表过期时间，7表示7天。 代码： $(function () { //先检测cookie对象是否存在，如果存在，则将输入框的内容显示为该cookie对象值 if ($.cookie("cookie1")) { $("#email").val($.cookie("cookie1")); } $("#btnSet").bind("click", function () { //选中复选框时，保存cookie. if ($("#chksave").is(":checked")) { $.cookie("cookie1",$("#email").val(), { path: "/", expires: 7 }) } //补选中，則删除对应的cookie对象。 else { $.cookie("cookie1",null, { path: "/" }) } }); }); 【温馨提示：Java、Jsp、Android、JS等编程爱好者可以联系Q：********，互相学习，共同进步！】查看全部
-
4、图片放大镜插件——jqzoom，在调用jqzoom图片放大镜插件时，需要准备一大一小两张一样的图片，在页面中显示小图片，当鼠标在小图片中移动时，调用该插件的jqzoom()方法，显示与小图片相同的大图片区域，从而实现放大镜的效果，调用格式如下：$(linkimage).jqzoom({options})，其中linkimage参数为包含图片的<a>元素名称，options为插件方法的配置对象。 代码： $(".content a").jqzoom({ //绑定图片放大插件jqzoom zoomWidth: 123, //小图片所选区域的宽 zoomHeight: 123, //小图片所选区域的高 zoomType: 'reverse' //设置放大镜的类型 }); 【温馨提示：Java、Jsp、Android、JS等编程爱好者可以联系Q：********，互相学习，共同进步！】查看全部
-
1、表单验证插件——validate，该插件自带包含必填、数字、URL在内容的验证规则，即时显示异常信息，此外，还允许自定义验证规则，插件调用方法如下：$(form).validate({options})，其中form参数表示表单元素名称，options参数表示调用方法时的配置对象，所有的验证规则和异常信息显示的位置都在该对象中进行设置。详情解析：http://www.cnblogs.com/kissdodog/archive/2012/12/05/2804172.html 2、表单插件——form，通过表单form插件，调用ajaxForm()方法，实现ajax方式向服务器提交表单数据，并通过方法中的options对象获取服务器返回数据，调用格式如下：$(form). ajaxForm ({options})，其中form参数表示表单元素名称；options是一个配置对象，用于在发送ajax请求过程，设置发送时的数据和参数。 代码： var options = { url: "http://www.imooc.com/data/form_f.php", target: ".tip" } $("#frmV").ajaxForm(options); 3、图片灯箱插件——lightBox，该插件可以用圆角的方式展示选择中的图片，使用按钮查看上下张图片，在加载图片时自带进度条，还能以自动播放的方式浏览图片，调用格式如下：$(linkimage).lightBox({options})，其中linkimage参数为包含图片的<a>元素名称，options为插件方法的配置对象。 代码： $(".divPics a").lightBox({ overlayBgColor: "#666", //图片浏览时的背景色 overlayOpacity: 0.5, //背景色的透明度 containerResizeSpeed: 600 //图片切换时的速度 })查看全部
-
num:$("#txtNumber").val()是取得输入框数据，按num:的格式发送数据到服务器端查看全部
-
设置单条的形式为：css({"属性值":"值"})查看全部
-
jquery的$函数的参数只能是字符串（document和window对象除外），$(".abc:eq("i")")相当于参数是字符串、整型、字符串，而且还没逗号分隔开，是非法参数， 是会报错的。 $(".abc:eq("+i+")")是字符串拼接，相当于先执行括号内部分，字符串".abc:eq(" 拼接i变量再拼接字符串")"查看全部
-
remove()方法删除所选元素本身和子元素，该方法可以通过添加过滤参数指定需要删除的某些元素，而empty()方法则只删除所选元素的子元素。查看全部
举报
0/150
提交
取消